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

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

11/9/26, 6:42 pm0 reposts3 likes

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

12 Sept

You could still use triads, complementary and so on because the a neutral also has a hue. Unless it's totally void of saturation of course, but that ain' no fun!

Jacob Berglund

@jacobberglund.com

12 Sept

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.