Deep Lagoon

#005a6f

Softer teal-blue for calm oceanic gradients, distinct

Save
Share

About Deep Lagoon

Deep Lagoon sits between the two extremes: darker than -Collar's leadership presence, but lighter and more saturated than ' almost-black weight. It's the teal-tinged that actually reads as deliberate instead of accidental, with enough cyan in it to feel inhabited rather than just deep.

Use it in medical dashboards, fintech platforms, and dark-mode interfaces where you need something that holds its own without requiring white backgrounds to prove it works. It's the that doesn't flatten against darker neutrals the way the muted deeper options do, and it doesn't demand as much breathing room as the lighter primaries. Works as active states, section headers, and data visualization accents. Pairs naturally with cooler grays and surprisingly well with warmer neutrals if you're not looking for clinical precision.

The thing: it's got just enough saturation and temperature shift to feel like it's pulling slightly toward teal. On some monitors or in certain lighting, that warmth becomes visible. It's not a weakness, it's what keeps it from feeling like every other dark in the folder, but know whether your layout benefits from that slight personality before you commit.

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
7.80:1AAA

On Gray 100 #f5f5f5

Aa
7.16:1AAA

On Gray 900 #18181b

Aa
2.27:1Fail

On Black #000000

Aa
2.69: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.

Similar colors

Create a gradient with Deep Lagoon

Open the generator with this color pre-loaded.

Start creating