Palette

Enchanted Ocean Shimmer

Deep to light blues evoke the mystical, shimmering surface of an enchanted ocean.

coolcalm5 colors

More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Enchanted Ocean 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 Enchanted Ocean Shimmer.

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

Data visualization

#003D4C#006B8F#0099CC#00BFFF#E0F7FA

Palette guide

How to use Enchanted Ocean Shimmer

Overview

The Enchanted Ocean Shimmer palette evokes the mystical, shimmering surface of an enchanted ocean, transitioning from deep to light blues. Featuring a profound deep teal #003D4C and a luminous, near-white aqua #E0F7FA, this collection is perfect for designers aiming to create serene yet dynamic interfaces. Developers will find these hex codes ideal for crafting fluid web designs, refreshing branding, and captivating digital art. The progressive shades of blue, with #0099CC providing a vibrant mid-tone, ensure visual harmony and a distinct sense of aquatic magic. This palette is excellent for projects requiring a cool, clean, and elegant aesthetic.

Best used for

Marine conservation websites and educational apps
Spa and wellness brand identities
Travel agencies specializing in oceanic destinations
Tech interfaces requiring a clean, modern feel
Digital art depicting water or sky scenes
Product packaging for aquatic-themed goods

Suggested color roles

primary

#003D4C - A deep, dark teal, excellent for dominant backgrounds, headers, or large graphical elements, establishing a profound oceanic foundation.

secondary

#006B8F - A rich, medium cerulean blue. Ideal for sub-panels, card backgrounds, or subtle section dividers, adding gentle depth to the cool theme.

accent

#00BFFF - A bright, vibrant deep sky blue. Perfect for calls-to-action, interactive elements, or key highlights that need to shimmer and stand out.

background

#E0F7FA - A very light, almost white, cool aqua, providing a clean, open, and refreshing canvas that evokes clear water.

text

#003D4C - This deep teal offers excellent readability against lighter backgrounds, seamlessly integrating with the palette's cool, marine aesthetic.

Accessibility notes

Ensure #003D4C text on #E0F7FA background meets WCAG AAA contrast standards for optimal readability.
Avoid using #0099CC or #00BFFF for small text on #E0F7FA as the contrast may be insufficient.
For interactive elements, always verify the contrast of the accent color against its background.
Consider using a pure black or dark charcoal for critical text if the darkest blue doesn't meet the highest accessibility requirements for very small font sizes.

Recommended combinations

Deep Ocean Current

Deep teal for a strong footer, medium blue for section headers, and light aqua for main content background, creating depth and light.

#003D4C · #006B8F · #E0F7FA

Shimmering Waves

Layered content blocks with #006B8F as base, #0099CC for cards, and #00BFFF for vibrant, shimmering highlights.

#006B8F · #0099CC · #00BFFF

Clear Horizon

A light background with #E0F7FA, dark text with #003D4C, and a bright accent with #00BFFF for calls to action.

#E0F7FA · #003D4C · #00BFFF

CSS variables

:root {
  --enchanted-ocean-shimmer-2-1: #003D4C;
  --enchanted-ocean-shimmer-2-2: #006B8F;
  --enchanted-ocean-shimmer-2-3: #0099CC;
  --enchanted-ocean-shimmer-2-4: #00BFFF;
  --enchanted-ocean-shimmer-2-5: #E0F7FA;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "enchanted-ocean-shimmer-2": {
        1: "#003D4C",
        2: "#006B8F",
        3: "#0099CC",
        4: "#00BFFF",
        5: "#E0F7FA",
      }
    }
  }
}

Hex values

Color 1#003D4C

Color 2#006B8F

Color 3#0099CC

Color 4#00BFFF

Color 5#E0F7FA

Accessibility

Contrast checker

2:1Fail

3.6:1AA18

5.6:1AA

10.6:1AAA

2:1Fail

1.8:1Fail

2.8:1Fail

5.4:1AA

3.6:1AA18

1.8:1Fail

1.5:1Fail

2.9:1Fail

5.6:1AA

2.8:1Fail

1.5:1Fail

1.9:1Fail

10.6:1AAA

5.4:1AA

2.9:1Fail

1.9:1Fail

Similar palettes

More like Enchanted Ocean Shimmer