Tool · Gradient Palette

Generate a palette from a gradient.

Set color stops, get an N-step palette interpolated through OKLCH. Perfect for design system scales (50–900).

Stops

50%

100%

Generated palette

Steps:8

Even lightness — distribute L uniformly across steps (real scale behavior)

Open in editor →

:root {
  --scale-100: #f26b5e;
  --scale-200: #f9926c;
  --scale-300: #fcb587;
  --scale-400: #fdd6ae;
  --scale-500: #e1c8ac;
  --scale-600: #a7907e;
  --scale-700: #6f5c53;
  --scale-800: #3a2e2a;
}

background: linear-gradient(90deg, #F26B5E 0%, #FFE5C4 50%, #3A2E2A 100%);