In the attached image is the default indigo that tailwind provides, and an attempt at recreating it using the built in colour math.
The current colour math is shifting the hue, and getting to dark at the dark end.
I know it ain’t easy. I tried it myself with chroma, but I found I got a lot closer to the desired result with RGB than Lab colours. Hope you guys can give this another look over.
The Tailwind gradients are handmade; it seems each colour has been carefully picked and chosen — it’s one of the reasons why all the built-in colours are so nice and “just work”.
Tailwind CSS includes a vast, beautiful color palette out of the box, carefully crafted by expert designers and suitable for a wide range of different design styles.
While we could improve our algorithm (and might do so in the future), it won’t ever match the quality of the “carefully crafted” palettes found in Tailwind.
You can switch the “Custom” toggle on if you need more control to generate the perfect palette
In one of the other chats @dan provided the formular. I also use it in my sketch plugin for the default elements colors and it works 1:1 the same like when setting the color in Elements.
The problem with that approach is abit with the coloring. Specially when you try to set a 100 the 50 looks aweful. I still prefer the approach I have seen here:
to