Browser-native color exploration
Build a palette with a point of view.
Generate striking color systems, keep the shades you love, and leave with accessible exports ready for code and design.
Live palette
Shape the spectrum
Lock a swatch before generating to preserve it. Select a card for detailed values.
Midnight Ink
rgb(20, 27, 45)
HSL 223° 38% 13%
Electric Iris
rgb(109, 94, 247)
HSL 246° 91% 67%
Citrus Signal
rgb(246, 201, 69)
HSL 45° 91% 62%
Warm Paper
rgb(247, 242, 232)
HSL 40° 48% 94%
Orchid Glass
rgb(216, 198, 255)
HSL 259° 100% 89%
Inspector
Electric Iris
Values apply when a field loses focus.
Built for legibility
Contrast & accessibility
Primary text pairing
#141B2D on #F7F2E8
Typography should feel effortless.
The quick brown fox jumps over the lazy dog. A calm interface begins with readable contrast.
15.37:1 contrast ratio. Passes AA for normal text.
30
Accessibility score
Based on AA contrast across palette pairs.