I don't use TW, but my default now is open-color[0] which is used in open-props[1]

[0] https://yeun.github.io/open-color/

[1] https://open-props.style/

I made this tool a few years ago to find the closest colour from the Tailwind colour palette from any given colour

https://find-nearest-tailwind-colour.netlify.app

tangentially related (not affiliated with the company, just a fan), but https://usewindy.com/ does similar stuff - and more.

that's awesome. I made a somewhat similar toy[0] a while ago in vanilla js (checkmark `color2nearestname` at the top). I've been meaning to try my hand at this again, but while allowing the user to choose the palette. Namely I was thinking of these definitions:

1. CSS named colors

2. Open Props' colors[1]

3. Tailwind colors

4. XKCD's color survey results[2]

A different project sent me on a deep dive into the concept of color distances and how that can work across different spaces though so I'm afraid any other color-related projects would paralyze me with feature creep at this point though haha

---

.. [0] https://culi.page/toys/

.. [1] https://yeun.github.io/open-color/

.. [2] https://xkcd.com/color/rgb/

it needs something between Yellow and Lime, like Olive. that one transition is not as smooth as the others.