Pick the one colour you're sure about. This builds the rest: harmonies, a tint and shade scale, matching neutrals, and tells you which combinations pass contrast — then hands you the CSS.
Nothing saved yetYour inputs are kept in this browser only — nothing is sent anywhere.
Core colours
Scale 50 lightest to 900 darkest, like Tailwind
Neutrals greys warmed slightly toward the seed hue
Contrast checks
WCAG AA needs 4.5:1 for normal text and 3:1 for large text or UI elements. AAA needs 7:1.