Back to palettes

Palette

Aqua Dream Glow

The serene translucence of shallow ocean waters and sunlit sand, creating a tranquil aquatic scene.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#C6E2FF#87CEFA#40E0D0#DEB887#AFEEEE

Palette guide

How to use Aqua Dream Glow

Overview

The Aqua Dream Glow palette captures the serene translucence of shallow ocean waters and sunlit sand, creating a tranquil aquatic scene. This cool collection spans from the delicate #C6E2FF to the vibrant #40E0D0, with #87CEFA and #DEB887 providing interesting contrasts. 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 #40E0D0 as a vibrant yet soft primary accent for headings, important buttons, or delicate illustrations, providing a calming focal point.

secondary

Employ #87CEFA for supporting elements, subheadings, or subtle background panels, offering a slightly deeper aqua without losing serenity.

accent

Apply #DEB887 for delicate highlights, interactive states, or subtle graphic details, providing a warm, sandy glow.

background

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

text

For optimal legibility, use #40E0D0 or a deep charcoal against the lightest backgrounds like #C6E2FF. For secondary text, #87CEFA can be effective on lighter backgrounds.

Accessibility notes

  • Ensure #40E0D0 text on #C6E2FF background meets WCAG AA contrast standards.
  • Avoid pairing #AFEEEE or #DEB887 for small text on #C6E2FF, 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

Ocean Shallows

Provides a clean, elegant foundation for content with a pristine background and soft, romantic accents.

#C6E2FF · #40E0D0 · #87CEFA

Sunlit Sand

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

#DEB887 · #AFEEEE · #87CEFA

Tranquil Glow

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

#AFEEEE · #C6E2FF · #DEB887

CSS variables

:root {
  --aqua-dream-glow-1: #C6E2FF;
  --aqua-dream-glow-2: #87CEFA;
  --aqua-dream-glow-3: #40E0D0;
  --aqua-dream-glow-4: #DEB887;
  --aqua-dream-glow-5: #AFEEEE;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "aqua-dream-glow": {
        1: "#C6E2FF",
        2: "#87CEFA",
        3: "#40E0D0",
        4: "#DEB887",
        5: "#AFEEEE",
      }
    }
  }
}

Related searches

aqua dream color paletteocean glow colorscalm water schemeserene blue designsunlit sand tones

Palette colors

Hex values

Color 1#C6E2FF
·
Color 2#87CEFA
·
Color 3#40E0D0
·
Color 4#DEB887
·
Color 5#AFEEEE
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.2:1Fail
1.4:1Fail
1:1Fail
2
1.3:1Fail
1:1Fail
1.1:1Fail
1.3:1Fail
3
1.2:1Fail
1:1Fail
1.1:1Fail
1.3:1Fail
4
1.4:1Fail
1.1:1Fail
1.1:1Fail
1.4:1Fail
5
1:1Fail
1.3:1Fail
1.3:1Fail
1.4:1Fail

Similar palettes

More like Aqua Dream Glow

View all cool
Coastal Breeze Mist
Aqua Marine Reef
Calm Ocean Swell
Tidal Pool Glimmer
Tranquil Deep Sea
Aegean Coast Whisper