Back to palettes

Palette

Oceanic Aqua Sanctuary

A serene and refreshing palette, inspired by calm waters and the soothing atmosphere of a tranquil spa retreat.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#B0E0E6#7FFFD4#40E0D0#DCDCDC#F8F8F8

Palette guide

How to use Oceanic Aqua Sanctuary

Overview

The Oceanic Aqua Sanctuary palette offers a serene and refreshing escape, inspired by calm waters and the tranquil atmosphere of a spa retreat. This collection, featuring soft aquas like #B0E0E6, #7FFFD4, and #40E0D0, alongside neutral greys #DCDCDC and #F8F8F8, creates a sense of peace and clarity. Designers can leverage these hex codes for wellness brands, clean digital interfaces, or any project aiming to evoke calm, purity, and natural elegance. The vibrant #40E0D0 provides a gentle accent, while the lighter tones ensure an airy, inviting feel. Developers will find this palette excellent for creating intuitive UI, spa-themed websites, or applications focused on relaxation and well-being.

Best used for

  • Spa and wellness websites
  • Health and beauty branding
  • Clean, minimalist UI designs
  • Meditation or mindfulness apps
  • Baby product branding
  • Coastal living interior design inspiration

Suggested color roles

primary

#F8F8F8 - A clean, almost white base, ideal for backgrounds, providing an airy and spacious feel.

secondary

#DCDCDC - A soft, light grey, perfect for secondary content blocks, subtle dividers, or card backgrounds to add gentle structure.

accent

#40E0D0 - A vibrant, clear aqua that serves as a refreshing accent for interactive elements, call-to-action buttons, or key highlights.

background

#F8F8F8 - Establishes a bright, clean canvas, enhancing the feeling of purity and openness.

text

A dark grey or charcoal like #333333 - Recommended for primary text to ensure excellent readability against the light backgrounds.

Accessibility notes

  • Use a dark grey or black for text against #F8F8F8, #DCDCDC, and #B0E0E6 to ensure high contrast for WCAG AA compliance.
  • Avoid using lighter aquas like #B0E0E6 or #7FFFD4 for text on white or light grey backgrounds, as contrast will be too low.
  • Ensure interactive elements using #40E0D0 have sufficient contrast with surrounding light backgrounds.
  • The palette is predominantly light, so a dark text color is crucial for legibility.

Recommended combinations

Serene Aqua

White background, light aqua for panels, and dark grey for readable text.

#F8F8F8 · #B0E0E6 · #7FFFD4

Refreshing Calm

Light grey base, a gentle aqua for content, and a vibrant aqua for accents or interactive elements.

#DCDCDC · #7FFFD4 · #40E0D0

Clean Sanctuary

Clean white background, vibrant aqua for key highlights, and dark text for clarity.

#F8F8F8 · #40E0D0 · #DCDCDC

CSS variables

:root {
  --oceanic-aqua-sanctuary-1: #B0E0E6;
  --oceanic-aqua-sanctuary-2: #7FFFD4;
  --oceanic-aqua-sanctuary-3: #40E0D0;
  --oceanic-aqua-sanctuary-4: #DCDCDC;
  --oceanic-aqua-sanctuary-5: #F8F8F8;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "oceanic-aqua-sanctuary": {
        1: "#B0E0E6",
        2: "#7FFFD4",
        3: "#40E0D0",
        4: "#DCDCDC",
        5: "#F8F8F8",
      }
    }
  }
}

Related searches

calm aqua color palettespa inspired web designrefreshing ui colorslight blue green brandingserene minimalist palette

Palette colors

Hex values

Color 1#B0E0E6
·
Color 2#7FFFD4
·
Color 3#40E0D0
·
Color 4#DCDCDC
·
Color 5#F8F8F8
·

Accessibility

Contrast checker

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

Similar palettes

More like Oceanic Aqua Sanctuary

View all cool
Aqua Dream Glow
Aqua Tile Spa
Coastal Breeze Hues
Coastal Breeze Mist
Soothing Bath Soak
Aegean Sea Serene