Palette

Deep Sea Coral Bloom

A dazzling and lively array of pinks and purples, capturing the vibrant and surreal beauty of a flourishing coral reef.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Deep Sea Coral Bloom 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 Deep Sea Coral Bloom.

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

Data visualization

#FF69B4#FFB6C1#C71585#DA70D6#FF1493

Palette guide

How to use Deep Sea Coral Bloom

Overview

The Deep Sea Coral Bloom palette is a dazzling and lively array of pinks and purples, capturing the vibrant and surreal beauty of a flourishing coral reef. Dominated by energetic fuchsias like #FF69B4 and #FF1493, it softens with a delicate pink #FFB6C1. Rich, deep tones of #C71585 and #DA70D6 add depth and sophistication, preventing the palette from becoming overly saccharine. This collection is perfect for designers seeking to evoke joy, creativity, and a touch of playful luxury. It's highly effective for designs that need to be eye-catching and memorable.

Best used for

Feminine brand marketing
Event planning (weddings, parties)
Cosmetic and beauty products
Creative portfolios
Children's fashion or toys
Digital art and illustration

Suggested color roles

primary

#FF1493 (A vibrant, bold fuchsia, ideal for calls to action, main headings, or primary brand color.)

secondary

#FF69B4 (A bright, cheerful pink, suitable for secondary actions, sub-headers, or complementary sections.)

accent

#C71585 (A deep, rich fuchsia, perfect for small, impactful highlights or interactive elements, adding depth.)

background

#FFB6C1 (A soft, delicate pink, providing a gentle and inviting canvas for the bolder tones.)

text

#C71585 (Excellent for primary text on lighter backgrounds like #FFB6C1. For headings, #FF1493 provides a bold, eye-catching option.)

Accessibility notes

Ensure #C71585 and #FF1493 have sufficient contrast when used as text on lighter backgrounds like #FFB6C1.
Avoid using #DA70D6 as body text on lighter backgrounds without careful contrast checking.
The vibrant nature of this palette requires careful consideration for text readability; use darker tones for text on lighter backgrounds.
Consider larger font sizes or bolding for lighter pinks if used as text on mid-tone backgrounds.

Recommended combinations

Reef Radiance

Bright, harmonious pinks for cheerful sections and gradients.

#FF69B4 · #FFB6C1 · #FF1493

Deep Bloom

Rich, deep tones with a brighter pink for sophisticated depth and accent.

#C71585 · #DA70D6 · #FF69B4

Vibrant Contrast

Light background with bold fuchsia and deep pink for clear hierarchy and visual appeal.

#FFB6C1 · #FF1493 · #C71585

CSS variables

:root {
  --deep-sea-coral-bloom-1: #FF69B4;
  --deep-sea-coral-bloom-2: #FFB6C1;
  --deep-sea-coral-bloom-3: #C71585;
  --deep-sea-coral-bloom-4: #DA70D6;
  --deep-sea-coral-bloom-5: #FF1493;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "deep-sea-coral-bloom": {
        1: "#FF69B4",
        2: "#FFB6C1",
        3: "#C71585",
        4: "#DA70D6",
        5: "#FF1493",
      }
    }
  }
}

Hex values

Color 1#FF69B4

Color 2#FFB6C1

Color 3#C71585

Color 4#DA70D6

Color 5#FF1493

Accessibility

Contrast checker

1.6:1Fail

2:1Fail

1.1:1Fail

1.4:1Fail

1.6:1Fail

3.3:1AA18

1.7:1Fail

2.2:1Fail

2:1Fail

3.3:1AA18

1.9:1Fail

1.5:1Fail