Cold and Dark
#154250
Mid-dark teal blue for secondary panels and borders
About Cold and Dark
Cold and Dark 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 Bluedgeons 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 dark-mode dashboards, security interfaces, and medical software where you need authority without any trace of approachability. It anchors layouts harder than Abyssal Waters 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; dark 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.
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
On Gray 100 #f5f5f5
On Gray 900 #18181b
On Black #000000
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
Suggested palettes
Palettes built around this color.
Community palettes
Published palettes that include this color.