Palette

Tidal Pool Glimmer

Captures the serene interplay of light and water in a hidden tidal pool.

coolcalm5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Tidal Pool Glimmer 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 Tidal Pool Glimmer.

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

Data visualization

#2B6777#84DCC6#C8D8E4#5CDB95#35858B

Palette guide

How to use Tidal Pool Glimmer

Overview

The Tidal Pool Glimmer palette evokes the serene interplay of light and water with its cool and refreshing aqua tones. Featuring the deep #2B6777 (Teal) alongside vibrant #84DCC6 (Mint Green) and soft #C8D8E4 (Light Blue Gray), this collection is perfect for tranquil and modern designs. Designers can leverage #5CDB95 (Emerald Green) for striking accents, while #35858B (Dark Teal) provides a strong anchor. Developers will find these colors ideal for creating calming user interfaces, ensuring visual harmony and a fresh aesthetic across applications. This palette is especially effective for projects related to wellness, environmental themes, or any brand seeking a clean, refreshing, and composed visual identity.

Best used for

Wellness and meditation apps
Environmental non-profit websites
Spa and beauty brand packaging
Aquatic sports or leisure branding
Modern home decor websites
Clean technology interfaces

Suggested color roles

primary

Use #2B6777 as a foundational, deep teal for headers, navigation, or prominent brand elements, conveying stability.

secondary

Apply #35858B for subheadings, active states, or as a slightly darker complement to the primary teal.

accent

Utilize #5CDB95 for vibrant calls-to-action, key infographics, or to introduce a refreshing, energetic highlight.

background

Employ #C8D8E4 as a soft, light blue-gray background, providing a clean canvas that enhances the cooler tones.

text

For primary text on #C8D8E4, use #2B6777 or #35858B to ensure excellent readability. Black or a dark charcoal (#333333) also works well.

Accessibility notes

Ensure sufficient contrast when pairing #84DCC6 with #C8D8E4 for text, as they are close in value.
Use #2B6777 or #35858B for main body text on #C8D8E4 to meet WCAG AA contrast standards.
Avoid using #84DCC6 for small text; reserve it for larger display text or non-textual elements.
For interactive elements, ensure hover/focus states have clear visual changes beyond subtle color shifts.

Recommended combinations

Deep Aqua

Provides a strong, soothing contrast for text and background, with a slightly darker teal for secondary elements.

#2B6777 · #C8D8E4 · #35858B

Fresh Highlight

Creates a bright, airy feel suitable for hero sections, light cards, or highlighting key information.

#84DCC6 · #C8D8E4 · #5CDB95

Serene Layers

A calming progression from dark to light, ideal for layered UI components or gentle background gradients.

#35858B · #84DCC6 · #C8D8E4

CSS variables

:root {
  --tidal-pool-glimmer-1: #2B6777;
  --tidal-pool-glimmer-2: #84DCC6;
  --tidal-pool-glimmer-3: #C8D8E4;
  --tidal-pool-glimmer-4: #5CDB95;
  --tidal-pool-glimmer-5: #35858B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "tidal-pool-glimmer": {
        1: "#2B6777",
        2: "#84DCC6",
        3: "#C8D8E4",
        4: "#5CDB95",
        5: "#35858B",
      }
    }
  }
}

Hex values

Color 1#2B6777

Color 2#84DCC6

Color 3#C8D8E4

Color 4#5CDB95

Color 5#35858B

Accessibility

Contrast checker

3.9:1AA18

4.4:1AA18

3.6:1AA18

1.5:1Fail

3.9:1AA18

1.1:1Fail

2.7:1Fail

4.4:1AA18

1.1:1Fail

1.2:1Fail

3:1Fail

3.6:1AA18

1.1:1Fail

1.2:1Fail

2.5:1Fail

1.5:1Fail

2.7:1Fail

3:1Fail

2.5:1Fail

Similar palettes

More like Tidal Pool Glimmer

Tidal Pool Glimmer

See it in context.

Ready when you are.

Built with Tidal Pool Glimmer.

How to use Tidal Pool Glimmer

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Deep Aqua

Fresh Highlight

Serene Layers

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Tidal Pool Glimmer