Post #2017317
2026-05-04 12:53 UTC
@b0rk I know not everyone loves CSS but for such as this I'd recommend using either color-mix() or relative colors to make your own :)
Here's an example with hsl() and relative colors - though I would prefer to use oklch() color space, this is made to match what our designer has access to and has set up in Figma.
Replies (3)
-
@sarajw@front-end.social 2026-05-04 12:57
@b0rk I do recognise though that nice looking palettes don't always have exactly the same hues or saturations all the way down the scale - you can use math within calc() when using relative colors though which is fun (for the likes of me): https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Colors/Using_relative_colors#using_math_functions
-
@b0rk@social.jvns.ca 2026-05-04 12:59
@sarajw whoa, I didn't realize you could do that now!
-
@dominik@nona.social 2026-05-04 13:03
@sarajw @b0rk oooh! TIL, I like this a lot! Thanks!