Back to palettes

Palette

Coral Garden Shimmer

A luminous blend of oceanic pinks and purples, reflecting light in an underwater coral garden.

vibrantelegant5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Coral Garden 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 Coral Garden Shimmer.

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

Data visualization

#F67280#C06C84#6C5B7B#355C7D#9D5B7B

Palette guide

How to use Coral Garden Shimmer

Overview

The Coral Garden Shimmer palette offers a luminous blend of oceanic pinks and purples, reflecting light in an underwater coral garden. Featuring vibrant #F67280 (Coral Pink) and #C06C84 (Rose Mauve), this collection provides designers with an elegant and mysterious range. The deeper #6C5B7B (Amethyst) and #355C7D (Deep Teal) introduce a cool, grounding contrast, ensuring versatility. The unique #9D5B7B adds a subtle, shimmering highlight. Developers can leverage these hues to create user interfaces that feel sophisticated, enchanting, and immersive, perfect for luxury beauty brands, high-fashion, or any project aiming for an elegant and dynamic aesthetic. This palette is exceptionally versatile, blending warm vibrancy with cool depth, ideal for creating compelling and engaging digital experiences.

Best used for

  • luxury beauty brand identity
  • high-fashion website design
  • enchanting event invitations
  • art gallery digital presence
  • sophisticated lifestyle blog
  • abstract art inspiration

Suggested color roles

primary

#F67280 (Coral Pink) provides a strong, vibrant, and elegant base, ideal for main brand elements, headers, or significant UI components.

secondary

#C06C84 (Rose Mauve) offers a rich, sophisticated complement, suitable for subheadings, secondary content blocks, or elegant navigation.

accent

#9D5B7B (Shimmer Purple) acts as a luminous highlight. Perfect for delicate UI elements, icons, or to subtly draw attention to key information with a gentle glow.

background

#6C5B7B (Amethyst) offers a versatile, deep background that supports content with a subtle mystery and sophistication.

text

#F67280 (Coral Pink) offers excellent readability against darker colors like #6C5B7B or #355C7D. For lighter backgrounds, consider charcoal or black.

Accessibility notes

  • Ensure #F67280 text has high contrast against #6C5B7B or #355C7D for optimal readability, meeting WCAG AA standards.
  • Avoid using #F67280 and #C06C84 for text and background combinations due to their similar luminosity, especially for small text.
  • When using #9D5B7B for text, pair it with a significantly dark background to ensure legibility, especially for small text.
  • Check contrast ratios for all interactive elements, ensuring they are clearly distinguishable against adjacent colors.

Recommended combinations

Elegant Core

Creates a sophisticated, vibrant, and enchanting brand identity, excellent for luxury logos and primary web sections.

#F67280 · #C06C84 · #6C5B7B

Oceanic Depth

Ideal for deep, mysterious backgrounds or subtle decorative elements, evoking cool tranquility and depth.

#6C5B7B · #355C7D · #9D5B7B

Shimmer Highlight

Effective for high-impact headlines or calls-to-action against a light background, providing clear hierarchy and vibrancy.

#355C7D · #9D5B7B · #F67280

CSS variables

:root {
  --coral-garden-shimmer-1: #F67280;
  --coral-garden-shimmer-2: #C06C84;
  --coral-garden-shimmer-3: #6C5B7B;
  --coral-garden-shimmer-4: #355C7D;
  --coral-garden-shimmer-5: #9D5B7B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "coral-garden-shimmer": {
        1: "#F67280",
        2: "#C06C84",
        3: "#6C5B7B",
        4: "#355C7D",
        5: "#9D5B7B",
      }
    }
  }
}

Related searches

coral pink purple paletteoceanic shimmer colorselegant aquatic designsophisticated coral tonesunderwater glam aesthetic

Palette colors

Hex values

Color 1#F67280
·
Color 2#C06C84
·
Color 3#6C5B7B
·
Color 4#355C7D
·
Color 5#9D5B7B
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
2.2:1Fail
2.6:1Fail
1.8:1Fail
2
1.3:1Fail
1.7:1Fail
1.9:1Fail
1.4:1Fail
3
2.2:1Fail
1.7:1Fail
1.1:1Fail
1.2:1Fail
4
2.6:1Fail
1.9:1Fail
1.1:1Fail
1.4:1Fail
5
1.8:1Fail
1.4:1Fail
1.2:1Fail
1.4:1Fail

Similar palettes

More like Coral Garden Shimmer

View all vibrant
Coastal Sunset Dream
Cosmic Jellyfish Dance
Crimson Petal Luxury
Deco Sapphire Gleam
Dragon Scales Gleam
Enchanted Rose Garden