Cold and Dark

#154250

Mid-dark teal blue for secondary panels and borders

Save
Share

About Cold and Dark

Cold and is what happens when you stop trying to be friendly. It's nearly black but still reads as blue, the kind of shade that needs zero coaxing to feel serious. Where Capital Blue warms itself up and settles into a comfortable middle, this one goes cold first and asks questions later. It's saturated enough to hold its own but pitched so low in value that it feels like staring into something deep.

Use it in -mode dashboards, security interfaces, and medical software where you need authority without any trace of approachability. It anchors layouts harder than does because it's leaner, less warmth to soften the edges, more distance between you and the screen. Works best with white type and bright UI elements that need to pop; text will vanish. It pairs naturally with cool grays and doesn't play nice with warm backgrounds, so save it for interfaces built around cool or neutral palettes.

The thing: it's unforgiving. Pair it with the wrong gray and it'll feel isolating instead of confident. But get the context right, and it's the one you reach for when you want a color that doesn't negotiate.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

Code snippets

Copy this color into your project.

Contrast checker

WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.

On White #ffffff

Aa
10.90:1AAA

On Gray 100 #f5f5f5

Aa
10.00:1AAA

On Gray 900 #18181b

Aa
1.63:1Fail

On Black #000000

Aa
1.93:1Fail

Variations

Shades

Darker variations, created by mixing toward black.

Tints

Lighter variations, created by mixing toward white.

Tones

Muted variations, created by reducing saturation.

Hues

Hue rotations around the color wheel.

Temperatures

Warm and cool shifts of this color.

Color harmonies

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Create a gradient with Cold and Dark

Open the generator with this color pre-loaded.

Start creating