Bermuda

#1b7d8d

Save

About Bermuda

Bermuda sits darker and more saturated than the three blues around it, which means it actually lands with some weight. It's the kind of color that doesn't need much breathing room, pair it with white and it reads immediately, no squinting required. Less teal creep than Cruising, more presence than Bleu Ciel, and it won't drift the way lighter blues do on warmer displays.

Reach for this in dashboards, fintech platforms, healthcare apps where your primary actions need to feel both authoritative and approachable. Active buttons, navigation highlights, data points you want to stick. It's got enough saturation to command attention without the clinical edge that cooler teals sometimes carry, and enough depth that it works on both white and mid-tone backgrounds without strain.

The one quirk: it's darker than Ahoy! Blue and Bleu Ciel, so test it early on busier layouts. It'll hold steady, but it needs to live somewhere with a little contrast to work hardest.

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 Bermuda

Open the generator with this color pre-loaded.

Start creating