OKLCH Color Palette Generator for Tailwind, CSS & more<br>Color Scale Generator<br>Perceptual, wide-gamut color palettes for UI.<br>Exports to Tailwind CSS and other formats.
Color Scale Generator<br>Perceptual, wide-gamut color palettes for UI.<br>Exports to Tailwind CSS and other formats.
Advanced Options<br>Lightness Range0.260.97
Lightness Curve1.3
Chroma Curve0
Reset
Colors
OKLCHHSLRGB
Add Color
Color palette
SRGB gamut<br>Gamut
OptionsExport AllSave
VariantNoneDeepNeutralSubtleVibrant<br>Select variant
LockNone50100200300400500600700800900950<br>Select lock
Steps11
Saturation72.2
Apply saturation to all colors
Light scale<br>Reset
Primary<br>oklch(59.33% 0.195 2.06)
50
100
200
300
400
500
600
700
800
900
950
Live preview<br>Primary
Overview<br>Sales<br>Expenses
MonthlyDownload
LargeMediumSmallXSmall<br>BorderFlatLight
SwitchCheckOne<br>Two
Chip
33%
Track your expenses<br>See spending patterns at a glance and stay ahead of your budget.
Get started
Expenses<br>$12,543
JanFebMarAprMayJun
New album is out<br>Buy Now