Post

Been hard at work to create an opinionated CSS framework. Best thing in it is what I dubbed <color-mode>. It sets a a color palette and everything inherits from it. The possibilities it opens for composing is positively bonkers. Got 4 different button variants, but color is not an axis. 🧵

Jacob Berglund

@jacobberglund.com

11 Sept

Sounds like madness, but really it’s just OKLCH being an absolute top dog. Making it easy to swap out palettes left and right.

Sam Littlefair

@littlefair.ca

12 Sept

Nice! I think I’m working on something related, a palette generator from two color inputs: color.horse (It has an npm package if you’re interested.) OKLCH is amazing.

Jacob Berglund

@jacobberglund.com

12 Sept

Yes, definitely in the same vein! Love it! I like the ”here’s some knobs, you figure it out!” approach. Here’s my take: jberglund.github.io/nyans/

jberglund.github.ioNyans — A color palette generator based on OKLCHCreate beautiful, accessible color palettes powered by OKLCH color space.

Sam Littlefair

@littlefair.ca

12 Sept

Oh damn that’s awesome! I have so many questions. Do you have an idea for harmonizing the hues in the palette?

Jacob Berglund

@jacobberglund.com

I feel like that would be the hardest part :D Though I've found that using a neutral palette with just a smidge of color in combination with a saturated accent does wonders. In other words: keep saturation low so that when you want some it doesn't have to compete.

12/9/26, 2:32 pm0 reposts0 likes

Sam Littlefair

@littlefair.ca

12 Sept

Yeah I wanted a way to generate all of the semantic colors automatically (success, warning, cancel, etc), so color.horse is my attempt to do that by selecting 12 hues from around the color wheel in a graduated distribution.