Brand color scale
Light colors are useful for backgrounds. Dark colors are useful for text, buttons, and focus states.
Contrast checks
Checks use the current base color against your selected background.
Turn one brand color into a complete 50–950 scale. Check readable text contrast and export clean CSS, Tailwind, or JSON design tokens.
Light colors are useful for backgrounds. Dark colors are useful for text, buttons, and focus states.
Checks use the current base color against your selected background.
Use the scale in Tailwind, CSS variables, a design token file, or a project handoff.