All generators
Tints & Shades
Preview
px
px
Variants
Space new variant
Presets
Settings
Brand palette
No brand palette yet. Create one in the Brand Kit
Scale
Base color
OKLCH keeps the colorfulness, mixing moves evenly towards white or black.
Used for CSS variables and Tailwind, for example brand.
Display
Shows the WCAG contrast ratio of the label on each color, AA from 4.5:1, AAA from 7:1.