ColorSwatches.org

Cool Slate

Charcoal dark through blue-gray to pale ice gray

Charcoal
Dark Slate
Slate
Silver Slate
Ice Gray
Charcoal
#2E3440
rgb(46, 52, 64)
Deep blue-tinted charcoal — not quite black
Dark Slate
#4C5568
rgb(76, 85, 104)
Cold dark slate — shadow-side of metal
Slate
#6E8098
rgb(110, 128, 152)
Classic mid-tone blue-gray
Silver Slate
#A8B8C8
rgb(168, 184, 200)
Pale cool silver with a definite blue note
Ice Gray
#D8E4EC
rgb(216, 228, 236)
Near-white — cold and clean

Cool Slate is a blue-tinted monochromatic scale built for modern UI design. Every step in the range is a blue-shifted gray: Charcoal sits at the dark end, cold but not black; Ice Gray is the lightest, barely distinguishable from white but identifiably cool. The palette is functional foreground to background.

This palette is the foundation of many serious software products and editorial platforms. It conveys precision, authority, and calm without any dependence on hue or saturation. Pair with a single accent color — even a warm one — for maximum contrast impact against the cool gray field.

Sponsors

Psychologically, gray palettes signal neutrality, composure, and restraint — qualities highly valued in professional services, financial products, law firms, and B2B software interfaces. Cool Slate's slight blue lean adds just enough refinement to read as considered and intelligent rather than merely safe, separating it from warmer grays that can drift toward beige and lose their crispness.

In user interface design, this tonal range covers an extraordinary amount of ground: body copy shading, card backgrounds, disabled states, border treatments, dividers, and hover effects — all from a single well-calibrated palette. The absence of competing hues means Cool Slate integrates cleanly with almost any brand accent color you introduce alongside it, functioning as a professional foundation that lets other colors do their job unimpeded.

Web UI Preview

example.com
Palette Co Products About
Now Live

Less guessing, more doing

Somewhere along the way, work got complicated for no good reason. This is an attempt to hand some of that simplicity back.

Guided Setup

A short walkthrough gets your first project running in under a minute.

Learn more →

Clear Next Steps

You always know what to do next, even on your busiest day.

Learn more →

Helpful Templates

Start from something close to finished instead of a blank page.

Learn more →

The blank page is the hardest part. Skip it.

© 2026 Palette Co. Privacy Terms Contact

Sponsors

Similar Color Palettes

View all Monochromatic & Minimal palettes →

Explore More Palettes