Palette

Enchanted Ocean Shimmer

Deep blues and aquamarines capture the magical luminescence of an enchanted ocean, where light dances on water.

coolelegant5 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

#191970#4169E1#00BFFF#AFEEEE#F0F8FF

Palette guide

How to use Enchanted Ocean Shimmer

Overview

The Enchanted Ocean Shimmer palette captures the magical luminescence of an enchanted ocean, where light dances on water, with deep blues and aquamarines. Featuring a profound midnight blue #191970, a vibrant royal blue #4169E1, and an ethereal, near-white #F0F8FF, this collection is perfect for designers aiming for elegant, mystical, and cool-toned aesthetics. Developers will find these hex codes ideal for crafting sophisticated web designs, luxurious branding, and captivating digital art. The bright deep sky blue #00BFFF provides a crucial shimmering accent, ensuring visual intrigue and a distinct sense of aquatic magic.

Best used for

Luxury yacht or cruise line branding
High-end spa and wellness websites
Fantasy-themed game interfaces (e.g., underwater levels)
Elegant event invitations or decor
Digital art depicting deep sea or mythical creatures
Jewelry or fashion lines inspired by the ocean

Suggested color roles

primary

#191970 - A deep, rich midnight blue, excellent for dominant backgrounds, headers, or large graphical elements, establishing a profound, elegant oceanic foundation.

secondary

#4169E1 - A vibrant, medium royal blue. Ideal for sub-panels, card backgrounds, or subtle section dividers, adding dynamic depth to the cool theme.

accent

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

background

#F0F8FF - A very light, almost white, cool azure, providing a clean, open, and ethereal canvas that evokes clear, shimmering water.

text

#191970 - This deep midnight blue offers excellent readability against lighter backgrounds, seamlessly integrating with the palette's elegant, marine aesthetic.

Accessibility notes

Ensure #191970 text on #F0F8FF background meets WCAG AAA contrast standards for optimal readability.
Avoid using #AFEEEE or #00BFFF for small text on #F0F8FF as the contrast may be insufficient; reserve them for larger headings or graphical accents.
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

Midnight Ocean

Deep midnight blue for dominant sections, royal blue for secondary content, and light azure for main text and background.

#191970 · #4169E1 · #F0F8FF

Shimmering Depths

Layered content blocks with #4169E1 as base, #AFEEEE for cards, and #00BFFF for vibrant, shimmering highlights.

#4169E1 · #00BFFF · #AFEEEE

Ethereal Light

A light background with #F0F8FF, dark text with #191970, and a bright, elegant accent with #00BFFF for calls to action.

#F0F8FF · #191970 · #00BFFF

CSS variables

:root {
  --enchanted-ocean-shimmer-1: #191970;
  --enchanted-ocean-shimmer-2: #4169E1;
  --enchanted-ocean-shimmer-3: #00BFFF;
  --enchanted-ocean-shimmer-4: #AFEEEE;
  --enchanted-ocean-shimmer-5: #F0F8FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "enchanted-ocean-shimmer": {
        1: "#191970",
        2: "#4169E1",
        3: "#00BFFF",
        4: "#AFEEEE",
        5: "#F0F8FF",
      }
    }
  }
}

Hex values

Color 1#191970

Color 2#4169E1

Color 3#00BFFF

Color 4#AFEEEE

Color 5#F0F8FF

Accessibility

Contrast checker

3.1:1AA18

7:1AA

11.5:1AAA

13.8:1AAA

3.1:1AA18

2.3:1Fail

3.8:1AA18

4.5:1AA

7:1AA

2.3:1Fail

1.6:1Fail

2:1Fail

11.5:1AAA

3.8:1AA18

1.6:1Fail

1.2:1Fail

13.8:1AAA

4.5:1AA

2:1Fail

1.2:1Fail

Similar palettes

More like Enchanted Ocean Shimmer

View all cool

Celestial Ocean Depth

Oceanic Gemstone Gleam

Stellar Veil Glimmer

Aqua Jewel

Astral Quartz Shimmer

Azura Wood Nymph