Conversation

Notices

1. Embed this notice
   Julia Evans (b0rk@social.jvns.ca)'s status on Tuesday, 05-May-2026 00:02:04 JST Julia Evans

   i've been working on moving away from Tailwind, and one thing I'm realizing I appreciated about Tailwind is having a basic color palette (blues, grays, greens, indigos, pinks, purples, reds, yellows) I could use while prototyping

   i extracted it into css variables so I can still use it if I want:

   https://gist.github.com/jvns/9e59b2cd1fe12601084ba78dded072fe

   but now I'm curious: are there similar CSS color palettes like this out there?

   • Embed this notice
     Sara Joy :happy_pepper: (sarajw@front-end.social)'s status on Tuesday, 05-May-2026 00:02:03 JST Sara Joy :happy_pepper:

     in reply to

     @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.

   • Embed this notice
     Matthew Lyon (mattly@hachyderm.io)'s status on Tuesday, 05-May-2026 00:03:15 JST Matthew Lyon

     in reply to

     • Sara Joy :happy_pepper:

     @sarajw @b0rk this is the way