Back to palettes

Palette

Hidden Cove Shimmer

Soft, serene greens and blues, evoking the ethereal calm of a mist-shrouded mystical lagoon.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Hidden Cove Shimmer 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 Hidden Cove Shimmer.

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

Data visualization

#006D77#83C5BE#BEE0DF#D7ECEC#F3F8F8

Palette guide

How to use Hidden Cove Shimmer

Overview

The Hidden Cove Shimmer palette is a captivating collection of soft, serene greens and blues, designed to evoke the ethereal calm of a mist-shrouded mystical lagoon. Anchored by the deep teal #006D77, it gradually lightens through tranquil aquas like #83C5BE and #BEE0DF, culminating in the almost-white #F3F8F8. This palette is incredibly useful for designers and developers seeking to create tranquil, refreshing, and sophisticated digital or physical experiences. It’s perfect for projects that aim to convey clarity, depth, and a sense of peaceful immersion, making it a strong choice for wellness, luxury, or nature-inspired themes.

Best used for

  • Spa and wellness brand identities
  • Coastal or aquatic themed designs
  • Serene UI/UX for apps and websites
  • Meditation and mindfulness platforms
  • Luxury resort marketing materials
  • Eco-friendly product packaging

Suggested color roles

primary

Utilize #006D77 as the primary color for strong calls to action, important headings, or as a deep background element to create immediate impact.

secondary

Employ #83C5BE for supporting graphics, secondary buttons, or large text blocks, offering a gentle, refreshing contrast.

accent

Reserve #BEE0DF for delicate details, hover states, or subtle gradients, adding a touch of ethereal lightness.

background

Use #F3F8F8 as the main background color, providing a crisp, airy canvas that enhances the depth of the darker blues and greens.

text

Opt for #006D77 for most body text and headings, ensuring excellent readability against lighter backgrounds, or use a deep charcoal for versatility.

Accessibility notes

  • The deep #006D77 offers strong contrast against #F3F8F8, ensuring excellent readability.
  • Be cautious using #D7ECEC or #BEE0DF for small text; they are best suited for larger elements or backgrounds.
  • Ensure #83C5BE provides sufficient contrast when used for text on lighter backgrounds.
  • Always verify contrast ratios for all text and interactive elements to meet accessibility standards.

Recommended combinations

Deep Water

Ideal for hero sections or brand statements, combining depth with refreshing lightness.

#006D77 · #F3F8F8 · #83C5BE

Misty Shore

Excellent for subtle background patterns, secondary content blocks, or layered visual effects.

#D7ECEC · #BEE0DF · #006D77

Tranquil Glow

Perfect for clean, modern interfaces, with a light base, soft accents, and strong, readable text.

#F3F8F8 · #83C5BE · #006D77

CSS variables

:root {
  --hidden-cove-shimmer-1: #006D77;
  --hidden-cove-shimmer-2: #83C5BE;
  --hidden-cove-shimmer-3: #BEE0DF;
  --hidden-cove-shimmer-4: #D7ECEC;
  --hidden-cove-shimmer-5: #F3F8F8;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "hidden-cove-shimmer": {
        1: "#006D77",
        2: "#83C5BE",
        3: "#BEE0DF",
        4: "#D7ECEC",
        5: "#F3F8F8",
      }
    }
  }
}

Related searches

tranquil green blue paletteserene water colorsmystical lagoon designcool calm UIspa brand colors

Palette colors

Hex values

Color 1#006D77
·
Color 2#83C5BE
·
Color 3#BEE0DF
·
Color 4#D7ECEC
·
Color 5#F3F8F8
·

Accessibility

Contrast checker

1
2
3
4
5
1
3.1:1AA18
4.3:1AA18
5:1AA
5.7:1AA
2
3.1:1AA18
1.4:1Fail
1.6:1Fail
1.8:1Fail
3
4.3:1AA18
1.4:1Fail
1.1:1Fail
1.3:1Fail
4
5:1AA
1.6:1Fail
1.1:1Fail
1.1:1Fail
5
5.7:1AA
1.8:1Fail
1.3:1Fail
1.1:1Fail

Similar palettes

More like Hidden Cove Shimmer

View all cool