Color Palette Generator

Create a five-step light-to-dark palette from one hex color.

Base color

Palette style

#9eebff

#6bb5ff

#3b82f6

#003baa

#000072

CSS variables

CSS · 5 lines

--color-1: #9eebff;
--color-2: #6bb5ff;
--color-3: #3b82f6;
--color-4: #003baa;
--color-5: #000072;

OKLCH tones are mapped into displayable sRGB. Check contrast for your intended text and background pairs.