copy a color
analogous
Cool Grays
The Cool Grays color palette is an analogous scheme with 4 carefully selected colors (#f1f5f9, #cbd5e1, #64748b, #1e293b). Great for minimal and dark design projects.
Colors in this palette
#f1f5f9
Color 1 of 4
#cbd5e1
Color 2 of 4
#64748b
Color 3 of 4
#1e293b
Color 4 of 4
How to use this palette
🎨
UI Design
Use lightest shade for backgrounds, darkest for text.
💻
Web Dev
Copy CSS variables from the export panel on the right.
✏️
Branding
Analogous palettes work great for logos and print.
Export Palette
Gradient preview
WCAG Contrast
f1f↔cbd 1.36:1 · Fails AAcbd↔647 3.21:1 · AA large only647↔1e2 3.07:1 · AA large only
#f1f5f9 #cbd5e1 #64748b #1e293b