Aqua Obscura

#05696b

Deeper sea-teal for moody, spacious UI sections

Save
Share

About Aqua Obscura

This is the teal that doesn't apologize for being teal. It's darker and more muted than or , sitting in that narrow band where blue and green actually meet without either one winning. You'll notice right away it doesn't have the clinical snap of the cooler blues or the warmth-creep of , it's just steadier, quieter, more grounded.

Reach for this in healthcare dashboards, fintech platforms, and data-heavy interfaces where you need a primary action or navigation highlight that reads as trustworthy without feeling cold or institutional. It holds itself on white backgrounds and doesn't disappear into gray the way lighter teals do. Works harder than on busy layouts because it's got less saturation pulling your eye, which means it sits naturally next to secondary elements without demanding isolation.

The catch: it's muted enough that it can flatten slightly on warmer display temperatures. Pair it with clean white type and it punches. Add it to mid-tone backgrounds and test early, it'll work, but it's not the color for when you need maximum contrast fast.

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
6.48:1AAAAA Large

On Gray 100 #f5f5f5

Aa
5.95:1AAAAA Large

On Gray 900 #18181b

Aa
2.73:1Fail

On Black #000000

Aa
3.24:1FailAA Large

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 Aqua Obscura

Open the generator with this color pre-loaded.

Start creating