Cool Slate Color Palette
A clean charcoal-to-fog grayscale, quiet and neutral.
Use as a gradient →
Colors
#212529
#495057
#868E96
#CED4DA
#E9ECEF
Contrast on Light & Dark Backgrounds
| Color | Hex | On White | On Black |
|---|---|---|---|
| #212529 | T - | T - | |
| #495057 | T - | T - | |
| #868E96 | T - | T - | |
| #CED4DA | T - | T - | |
| #E9ECEF | T - | T - |
Each circle shows the color as text on white and black, with a simulated WCAG AA pass/fail badge. Not a guarantee of accessibility compliance.
Cool Slate CSS Code
HEX Copy
#212529 #495057 #868E96 #CED4DA #E9ECEF
RGBA Copy
rgba(33, 37, 41, 1.0) rgba(73, 80, 87, 1.0) rgba(134, 142, 150, 1.0) rgba(206, 212, 218, 1.0) rgba(233, 236, 239, 1.0)
HSLA Copy
hsla(210, 11%, 15%, 1.0) hsla(210, 9%, 31%, 1.0) hsla(210, 7%, 56%, 1.0) hsla(210, 14%, 83%, 1.0) hsla(210, 16%, 93%, 1.0)
More Color Palettes
FAQ
What colors are in the Cool Slate palette?A clean charcoal-to-fog grayscale, quiet and neutral.
How do I turn the Cool Slate palette into a CSS gradient?
Use
background: linear-gradient(to right, #212529, #495057, #868E96, #CED4DA, #E9ECEF);, or click "Use as a gradient" above to open it in the live generator.