Cool Grays
The Cool Grays color palette is a 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.4:1~ cbd↔647 3.2:1~ 647↔1e2 3.1:1
#f1f5f9 #cbd5e1 #64748b #1e293b