Palette curves

Lightness

Range

start end

Saturation

Range

start end

Hue offset

Range

start end

Generated palette

Steps 10

Harmonies

Export

Name

:root {
  --brand-50: oklch(0.950 0.015 250.0);
  --brand-100: oklch(0.861 0.052 250.0);
  --brand-200: oklch(0.772 0.103 250.0);
  --brand-300: oklch(0.683 0.164 250.0);
  --brand-400: oklch(0.594 0.167 250.0);
  --brand-500: oklch(0.506 0.142 250.0);
  --brand-600: oklch(0.417 0.112 250.0);
  --brand-700: oklch(0.328 0.080 250.0);
  --brand-800: oklch(0.239 0.050 250.0);
  --brand-950: oklch(0.150 0.025 250.0);
}