Back to palettes

Palette

Aqua Dream Shimmer

A shimmering, refreshing blend of aquas and teals, like sunlight playing on clear water.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Aqua Dream 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 Aqua Dream Shimmer.

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

Data visualization

#7FFFD4#66CDAA#20B2AA#008080#48D1CC

Palette guide

How to use Aqua Dream Shimmer

Overview

The Aqua Dream Shimmer palette offers a shimmering, refreshing blend of aquas and teals, like sunlight playing on clear water. This cool collection spans from the delicate #7FFFD4 to the deep, grounding #008080, with #66CDAA and #20B2AA providing lush, inviting transitions. Perfect for designs seeking an organic, natural, and subtly restorative aesthetic, these hex codes are ideal for wellness branding, eco-friendly web interfaces, or editorial content focused on nature. Designers and developers will find these colors excellent for crafting serene digital experiences, from herbal product sites to sustainable living platforms, where a calm, authentic aesthetic is desired.

Best used for

  • Coastal and beach-themed branding
  • Spa and wellness retreat websites
  • Travel and tourism promotions
  • Summer event invitations and decor
  • Nature photography portfolios
  • Calm and relaxing app interfaces

Suggested color roles

primary

Utilize #008080 as a deep, anchoring primary for headings, important buttons, or strong graphic elements, providing sophisticated contrast.

secondary

Employ #20B2AA for supporting elements, subheadings, or rich background panels, offering a deeper tone without losing the palette's softness.

accent

Apply #48D1CC for subtle decorative accents, interactive states, or delicate graphic details, providing a gentle highlight.

background

The lightest tone, #7FFFD4, is perfect as a clean, elegant background, ensuring excellent readability and a refined feel.

text

For optimal legibility, use #008080 or a deep charcoal against the lightest backgrounds like #7FFFD4. For secondary text, #20B2AA can be effective on lighter backgrounds.

Accessibility notes

  • Ensure #008080 text on #7FFFD4 background meets WCAG AA contrast standards.
  • Avoid pairing #66CDAA or #48D1CC for small text on #7FFFD4, as contrast will be too low.
  • Provide clear visual focus indicators for interactive elements, ensuring they stand out against similar background tones.
  • For critical information, consider using the darkest palette color for text on the lightest background.

Recommended combinations

Water Shimmer

Creates a fresh, natural base for content with a light background and sophisticated, muted aqua accents.

#7FFFD4 · #008080 · #20B2AA

Ocean Depths

Ideal for layered UI components or subtle branding, creating depth with closely related aqua and teal tones.

#48D1CC · #66CDAA · #20B2AA

Refreshing Glow

Excellent for backgrounds with a gentle luminosity or for decorative elements that need a soft, inviting sheen.

#66CDAA · #7FFFD4 · #48D1CC

CSS variables

:root {
  --aqua-dream-shimmer-1: #7FFFD4;
  --aqua-dream-shimmer-2: #66CDAA;
  --aqua-dream-shimmer-3: #20B2AA;
  --aqua-dream-shimmer-4: #008080;
  --aqua-dream-shimmer-5: #48D1CC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "aqua-dream-shimmer": {
        1: "#7FFFD4",
        2: "#66CDAA",
        3: "#20B2AA",
        4: "#008080",
        5: "#48D1CC",
      }
    }
  }
}

Related searches

aqua dream color paletteocean shimmer colorscalm water schemeserene blue green designsunlit water tones

Palette colors

Hex values

Color 1#7FFFD4
·
Color 2#66CDAA
·
Color 3#20B2AA
·
Color 4#008080
·
Color 5#48D1CC
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.1:1Fail
3.9:1AA18
1.5:1Fail
2
1.6:1Fail
1.4:1Fail
2.5:1Fail
1:1Fail
3
2.1:1Fail
1.4:1Fail
1.8:1Fail
1.4:1Fail
4
3.9:1AA18
2.5:1Fail
1.8:1Fail
2.6:1Fail
5
1.5:1Fail
1:1Fail
1.4:1Fail
2.6:1Fail

Similar palettes

More like Aqua Dream Shimmer

View all cool
Aqua Dream Glow
Aqua Marine Reef
Aquatic Flora Bloom
Azure Lagoon Dream
Calm Lagoon
Coastal Breeze Mist