Back to palettes

Palette

Deep Sea Coral

A lively fusion of pinks and purples, reflecting the vibrant, diverse life of a deep-sea coral reef.

vibrantplayful5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FF69B4#FFB6C1#C71585#DA70D6#9370DB

Palette guide

How to use Deep Sea Coral

Overview

The Deep Sea Coral palette (original) is a lively fusion of pinks and purples, reflecting the vibrant, diverse life of a deep-sea coral reef. Featuring energetic fuchsias like #FF69B4 and #C71585, it softens with the delicate #FFB6C1. The palette gains depth and sophistication with the inclusion of a rich orchid #DA70D6 and a regal medium purple #9370DB. This collection is perfect for designers seeking a playful yet elegant aesthetic, evoking creativity, passion, and a touch of whimsical luxury. It’s highly effective for designs that need to be eye-catching and memorable.

Best used for

  • Creative agency portfolios
  • Fashion and beauty blogs
  • Event branding (festivals, parties)
  • Children's storybook illustrations
  • Boutique product packaging
  • Digital art with a whimsical theme

Suggested color roles

primary

#C71585 (A deep, 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

#9370DB (A regal medium purple, perfect for unique highlights, interactive elements, or adding a touch of sophistication.)

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, #FF69B4 provides a bold, eye-catching option.)

Accessibility notes

  • Ensure #C71585 and #9370DB have sufficient contrast when used as text on lighter backgrounds like #FFB6C1.
  • Avoid using #DA70D6 or #FFB6C1 as body text on similar backgrounds without careful contrast checking.
  • The vibrancy 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 Whimsy

Bright, harmonious pinks for cheerful sections and gradients.

#FF69B4 · #FFB6C1 · #C71585

Purple Depths

Rich, deep purples and fuchsia for sophisticated depth and accent.

#C71585 · #DA70D6 · #9370DB

Lively Contrast

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

#FFB6C1 · #C71585 · #9370DB

CSS variables

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

Tailwind config

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

Related searches

pink and purple palettevibrant coral colorsplayful underwater themecreative branding colorswhimsical web design

Palette colors

Hex values

Color 1#FF69B4
·
Color 2#FFB6C1
·
Color 3#C71585
·
Color 4#DA70D6
·
Color 5#9370DB
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2:1Fail
1.1:1Fail
1.4:1Fail
2
1.6:1Fail
3.3:1AA18
1.7:1Fail
2.3:1Fail
3
2:1Fail
3.3:1AA18
1.9:1Fail
1.4:1Fail
4
1.1:1Fail
1.7:1Fail
1.9:1Fail
1.3:1Fail
5
1.4:1Fail
2.3:1Fail
1.4:1Fail
1.3:1Fail

Similar palettes

More like Deep Sea Coral

View all vibrant
Coral Reef Bloom
Aqua Coral Garden
Berry Patch Delight
Bohemian Rhapsody Blend
Bubblegum Alley
Coral Reef Garden