Color palette
Turn one color into a full 50-950 scale and matching harmonies, then export it as CSS or Tailwind.
oklch(60.9% 0.183 38.4)
Shades
Harmony
Export the shades
:root {
--brand-50: #fff2ee;
--brand-100: #ffe0d6;
--brand-200: #ffc5b2;
--brand-300: #fd9f81;
--brand-400: #ed7852;
--brand-500: #dd5321;
--brand-600: #b6461f;
--brand-700: #90391c;
--brand-800: #6b2d18;
--brand-900: #492013;
--brand-950: #2f140c;
}Click any swatch to copy its hex. Shades are spaced evenly in OKLCH lightness.
- #design
- #color
- · runs in your browser