Elite Teal

#133337

Save

About Elite Teal

Elite Teal sits in that sweet spot where it's dark enough to ground a layout but still reads as actual color. Unlike Black Box, which disappears into almost-black, this one announces itself. Unlike Astral Nomad, it's got more saturation without the clinical edge. It's the teal that doesn't apologize for being teal.

Use it in fintech platforms, data dashboards, and dark-mode product UIs where you need depth that doesn't feel cold or sterile. It pairs cleanly with white type and holds its own against lighter neutrals. There's enough darkness here to feel serious, enough color to feel intentional. It works harder than Botanical Night because there's no neutral pretense, this is blue with a teal lean, committed and present.

The thing: it's slightly more saturated than the blues around it, which means it can dominate if you're not careful. Pair it with restraint. Use it as your darkest interactive element or primary background, not scattered across a secondary palette. Get the context right and it's the shade that feels both grounded and alive.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

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

Create a gradient with Elite Teal

Open the generator with this color pre-loaded.

Start creating