Mediterranea

#39636a

Save

About Mediterranea

Mediterranea reads like a deep blue ink that's been softened just enough to feel calm on glass. It's less compressed than After the Storm, so it doesn't feel like a storm cloud holding its breath. And compared with Arctic Nights, it has more substance. Less airy, more anchored, but still decisively blue rather than teal.

I use it as a primary state in product dashboards, especially in fintech platforms where you need buttons, selection, and navigation states to look solid without turning chilly or sterile. In healthcare UIs, it behaves well for default active controls and table emphasis on light backgrounds. It keeps saturation controlled, so it doesn't fight busy data, yet it doesn't drift toward mid-tone gray.

Pair it with off-whites and clean neutrals. If your interface already leans cool, dial your supporting blues warmer so Mediterranea stays the one you reach for and doesn't start to feel flat.

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 Mediterranea

Open the generator with this color pre-loaded.

Start creating