Replace arbitrary color suggestions with a mathematically computed color system ready to use in a product.
02 / WHAT DOES IT OFFER?
Key features.
50–950 shade scale preserving the base color
Monochromatic, analogous, complementary and triadic harmonies
Live light and dark interface previews
Gradients and semantic status colors
Computed WCAG ratios and a custom contrast checker
CSS, Tailwind 4, Tailwind 3 and JSON exports
Local palette collection and one-tap copying
03 / BEHIND THE SCENES
Challenges and solutions.
Challenges I faced
Produce coherent shades within the sRGB gamut and avoid assuming that one base color is readable in every theme.
How I solved them
Use OKLCH lightness and chroma curves, binary-search gamut mapping and contrast checks on final HEX values. Theme primary colors adapt for readability, while the 500 shade preserves the user's input.
