Back to palettes

Palette

Aqua Aura

Soft, ethereal aqua and teal tones create a calming, almost therapeutic aura of peace and lightness.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#66CDAA#84CECD#A7DBD8#C9FDFE#E0FFFF

Palette guide

How to use Aqua Aura

Overview

The Aqua Aura palette offers soft, ethereal aqua and teal tones, creating a calming, almost therapeutic aura of peace and lightness. This serene collection spans from the vibrant #66CDAA to the delicate, bright #E0FFFF, with #84CECD and #A7DBD8 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

  • Wellness and meditation apps
  • Spa and beauty brand identities
  • Yoga and mindfulness platforms
  • Eco-friendly product packaging
  • Coastal-themed interior design
  • Health and mental well-being content

Suggested color roles

primary

Utilize #66CDAA as a vibrant yet soft primary accent for headings, important buttons, or delicate illustrations, providing a calming focal point.

secondary

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

accent

Apply #A7DBD8 for delicate highlights, interactive states, or subtle graphic details, providing a gentle glow within the aqua spectrum.

background

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

text

For optimal legibility, use #66CDAA or a deep charcoal against the lightest backgrounds like #E0FFFF. For secondary text, #84CECD can be effective on lighter backgrounds.

Accessibility notes

  • Ensure #66CDAA text on #E0FFFF background meets WCAG AA contrast standards.
  • Avoid pairing #A7DBD8 or #C9FDFE for small text on #E0FFFF, 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

Aura Base

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

#E0FFFF · #66CDAA · #84CECD

Ethereal Glow

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

#A7DBD8 · #C9FDFE · #84CECD

Calm Shimmer

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

#C9FDFE · #E0FFFF · #A7DBD8

CSS variables

:root {
  --aqua-aura-1: #66CDAA;
  --aqua-aura-2: #84CECD;
  --aqua-aura-3: #A7DBD8;
  --aqua-aura-4: #C9FDFE;
  --aqua-aura-5: #E0FFFF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "aqua-aura": {
        1: "#66CDAA",
        2: "#84CECD",
        3: "#A7DBD8",
        4: "#C9FDFE",
        5: "#E0FFFF",
      }
    }
  }
}

Related searches

aqua aura color palettehealing teal colorssoft serene schemedelicate pastel blue greencalm water tones

Palette colors

Hex values

Color 1#66CDAA
·
Color 2#84CECD
·
Color 3#A7DBD8
·
Color 4#C9FDFE
·
Color 5#E0FFFF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.3:1Fail
1.7:1Fail
1.8:1Fail
2
1.1:1Fail
1.2:1Fail
1.6:1Fail
1.7:1Fail
3
1.3:1Fail
1.2:1Fail
1.4:1Fail
1.4:1Fail
4
1.7:1Fail
1.6:1Fail
1.4:1Fail
1.1:1Fail
5
1.8:1Fail
1.7:1Fail
1.4:1Fail
1.1:1Fail

Similar palettes

More like Aqua Aura

View all pastel
Cloud Cotton Sky
Cloud Dream Whisper
Cloudless Sky Wash
Dreamy Cloudscape Pastels
Ethereal Cloud Swirl
Ethereal Sky Whisp