Back to palettes

Palette

Ocean Pearl Shimmer

Captures the ethereal glow of a pearl from the ocean depths, serene and luminous.

coolelegant5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#F8F8FF#AFEEEE#7FFFD4#D3D3D3#FFDAB9

Palette guide

How to use Ocean Pearl Shimmer

Overview

The Ocean Pearl Shimmer palette offers a serene and luminous collection of soft, cool tones, perfectly capturing the ethereal glow of a pearl. With delicate shades like the near-white #F8F8FF, the subtle turquoise of #AFEEEE, and the vibrant aquamarine #7FFFD4, this palette brings a sophisticated calm. It’s balanced by a soft grey, #D3D3D3, and a warm, peachy #FFDAB9, providing a gentle contrast. Designers can leverage this palette for projects requiring elegance, lightness, and a touch of understated luxury. Developers will find these hex codes easy to implement for UI elements that demand a clean, refreshing, and calming aesthetic, ideal for luxury branding, wellness apps, or wedding stationery.

Best used for

  • Luxury branding and high-end product packaging
  • Wedding invitations and event stationery
  • Spa and wellness website designs
  • Interior design mood boards
  • Fashion accessory lines
  • Delicate UI elements in mobile apps

Suggested color roles

primary

#AFEEEE (Powder Blue) - Excellent for main content areas or large UI sections requiring a soft, inviting tone.

secondary

#7FFFD4 (Aquamarine) - Use for subheadings, active states, or graphic elements to add a touch of vibrant freshness.

accent

#FFDAB9 (Peach Puff) - Ideal for call-to-action buttons, highlights, or small decorative elements to introduce warmth.

background

#F8F8FF (Ghost White) - Provides a clean, bright canvas, enhancing the luminosity of other colors.

text

For primary text, a dark charcoal like #333333 would provide good contrast against light backgrounds. For headings, #AFEEEE can work on #F8F8FF.

Accessibility notes

  • Text in #AFEEEE or #7FFFD4 against #F8F8FF may lack sufficient contrast for WCAG AA.
  • Use a dark text color (e.g., black or dark grey) on #F8F8FF, #AFEEEE, #7FFFD4, and #D3D3D3 for readability.
  • #FFDAB9 will require very dark text for good contrast; avoid light text on it.
  • Ensure interactive elements using #7FFFD4 have clear visual indicators beyond color alone.

Recommended combinations

Elegant Balance

Perfect for a sophisticated, minimalist interface or print design, using the light blue as a subtle header background and grey for dividers.

#F8F8FF · #AFEEEE · #D3D3D3

Fresh Pop

Use the bright aquamarine as an accent on a white background, with peach puff for interactive elements.

#F8F8FF · #7FFFD4 · #FFDAB9

Soft Contrast

A calming base of powder blue, with grey for secondary information and peach for a warm, inviting touch.

#AFEEEE · #D3D3D3 · #FFDAB9

CSS variables

:root {
  --ocean-pearl-shimmer-1: #F8F8FF;
  --ocean-pearl-shimmer-2: #AFEEEE;
  --ocean-pearl-shimmer-3: #7FFFD4;
  --ocean-pearl-shimmer-4: #D3D3D3;
  --ocean-pearl-shimmer-5: #FFDAB9;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ocean-pearl-shimmer": {
        1: "#F8F8FF",
        2: "#AFEEEE",
        3: "#7FFFD4",
        4: "#D3D3D3",
        5: "#FFDAB9",
      }
    }
  }
}

Related searches

elegant light blue color schemesoft pearl aesthetic colorswedding palette pastelserene aquamarine designluxury spa color codes

Palette colors

Hex values

Color 1#F8F8FF
·
Color 2#AFEEEE
·
Color 3#7FFFD4
·
Color 4#D3D3D3
·
Color 5#FFDAB9
·

Accessibility

Contrast checker

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

Similar palettes

More like Ocean Pearl Shimmer

View all cool
Astral Quartz Shimmer
Celestial Ice Sparkle
Celestial Shimmer
Deep Sapphire Tide
Enchanted Ocean Shimmer
Frosted Pearl Glimmer