Back to palettes

Palette

Teal Lagoon Mystique

Mesmerizing shades of deep teal and aqua, reminiscent of a hidden lagoon's cool, clear waters.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Teal Lagoon Mystique reads on buttons, badges, and alerts before you commit.

This alert border and accent use the palette's detail color.

Marketing banner

Launch

Built with Teal Lagoon Mystique.

A bolder treatment that stretches the primary and secondary colors across a full gradient banner.

Data visualization

#03254C#045271#087EA4#00A6CC#BBE6ED

Palette guide

How to use Teal Lagoon Mystique

Overview

The Teal Lagoon Mystique palette offers mesmerizing shades of deep teal and aqua, reminiscent of a hidden lagoon's cool, clear waters. It features the profound #03254C, a robust dark navy, transitioning through the rich #045271 and the vibrant #087EA4. The brighter shades, #00A6CC and #BBE6ED, provide a refreshing, tropical touch, creating a harmonious gradient of cool, inviting tones. Designers can leverage these captivating hues to evoke a sense of calm, adventure, and natural beauty, making it ideal for projects related to travel, marine life, or any design seeking a serene yet adventurous visual aesthetic.

Best used for

  • Tropical travel agency branding
  • Marine conservation websites
  • Resort and spa promotional materials
  • Adventure tourism marketing
  • Eco-tourism packaging
  • Underwater photography showcases

Suggested color roles

primary

Use #03254C (Deep Navy) for main headers, prominent brand elements, or as a stable, immersive background.

secondary

Apply #045271 (Dark Teal) for secondary navigation, subheadings, or to establish a sense of depth and professionalism.

accent

Reserve #00A6CC (Vibrant Aqua) for calls-to-action, highlights, or interactive elements that need to stand out with a refreshing pop.

background

The lightest shade, #BBE6ED (Pale Aqua), is ideal for clean, airy backgrounds. #087EA4 (Bright Teal) can be used for secondary background areas or containers.

text

For text on #BBE6ED, use #03254C or a dark charcoal like #333333. For text on darker backgrounds, white or a very light gray is recommended.

Accessibility notes

  • White text on #03254C, #045271, and #087EA4 provides excellent contrast and readability.
  • Ensure sufficient contrast when using #00A6CC text on #BBE6ED; a darker text color is usually required.
  • Avoid using medium teal text on other medium teal backgrounds without careful contrast checks.
  • The palette offers strong dark and light contrasts, simplifying accessibility considerations for text.

Recommended combinations

Lagoon Depths

Excellent for creating an immersive, deep visual experience in travel websites, corporate branding, or sophisticated digital interfaces.

#03254C · #045271 · #087EA4

Tropical Sparkle

Ideal for lighter designs, refreshing accents, or elements that need to convey vibrancy and lightness, such as travel brochures or app features.

#BBE6ED · #00A6CC · #087EA4

Mystic Waters

Use for web banners, social media graphics, or elements that require a balanced blend of deep, cool tones and bright, inviting highlights.

#045271 · #00A6CC · #BBE6ED

CSS variables

:root {
  --teal-lagoon-mystique-1: #03254C;
  --teal-lagoon-mystique-2: #045271;
  --teal-lagoon-mystique-3: #087EA4;
  --teal-lagoon-mystique-4: #00A6CC;
  --teal-lagoon-mystique-5: #BBE6ED;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "teal-lagoon-mystique": {
        1: "#03254C",
        2: "#045271",
        3: "#087EA4",
        4: "#00A6CC",
        5: "#BBE6ED",
      }
    }
  }
}

Related searches

teal lagoon color schemetropical blue green palettemysterious ocean colorsrefreshing aqua brandingdeep sea color combinations

Palette colors

Hex values

Color 1#03254C
·
Color 2#045271
·
Color 3#087EA4
·
Color 4#00A6CC
·
Color 5#BBE6ED
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
3.3:1AA18
5.3:1AA
11.4:1AAA
2
1.8:1Fail
1.8:1Fail
3:1Fail
6.4:1AA
3
3.3:1AA18
1.8:1Fail
1.6:1Fail
3.5:1AA18
4
5.3:1AA
3:1Fail
1.6:1Fail
2.1:1Fail
5
11.4:1AAA
6.4:1AA
3.5:1AA18
2.1:1Fail

Similar palettes

More like Teal Lagoon Mystique

View all cool
Aqua Marine Vista
Azure Canopy Light
Azure Coast Dream
Azure Lagoon Dream
Azure Reef Currents
Azure Reef Sanctuary