Back to palettes

Palette

Deep Sea Coral

A striking contrast of deep red corals against mysterious blues and purples, found in the hidden depths of the ocean.

vibrantenergetic5 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

#CD5C5C#BC8F8F#FA8072#4682B4#7B68EE

Palette guide

How to use Deep Sea Coral

Overview

The Deep Sea Coral palette (version 5) presents a striking contrast of deep red corals against mysterious blues and purples, found in the hidden depths of the ocean. It features the rich, earthy coral of #CD5C5C, softened by #BC8F8F and brightened by #FA8072. These warm, organic tones are dramatically balanced by the cool, profound #4682B4 and the enigmatic violet #7B68EE. This palette is perfect for designers aiming to create an intriguing, sophisticated, and memorable experience, blending natural warmth with deep, cool mystery. It evokes a sense of discovery and unique beauty.

Best used for

  • Art gallery websites
  • Luxury fashion campaigns
  • Independent film branding
  • Sophisticated interior design
  • High-end cosmetic packaging
  • Unique editorial layouts

Suggested color roles

primary

#4682B4 (A calming steel blue, ideal for foundational backgrounds or main content areas, providing stability.)

secondary

#CD5C5C (A deep, rich coral, suitable for headings, key sections, or adding warmth and focus.)

accent

#7B68EE (A mysterious violet, perfect for unique highlights, interactive elements, or a touch of intrigue.)

background

#4682B4 (Establishes a cool, sophisticated base, allowing the coral and violet accents to truly shine.)

text

#FA8072 (Offers good readability for headings on dark backgrounds. For body text on #4682B4, a light grey or white (e.g., #F0F0F0) is recommended for optimal contrast.)

Accessibility notes

  • Ensure #FA8072 and #CD5C5C provide sufficient contrast when used as text on #4682B4.
  • #7B68EE might require careful testing for text readability, especially on mid-tone backgrounds.
  • For optimal body text readability on the darker blues, use a light, high-contrast color like white.
  • The distinct warm and cool tones help in creating visual separation and hierarchy.

Recommended combinations

Mystic Reef

Cool blues and violet with a grounding coral for depth and intrigue.

#4682B4 · #7B68EE · #CD5C5C

Warm Depths

Harmonious coral tones for inviting sections and warm highlights.

#CD5C5C · #BC8F8F · #FA8072

Dramatic Contrast

Cool base with vibrant coral and mysterious violet for striking visual impact.

#4682B4 · #FA8072 · #7B68EE

CSS variables

:root {
  --deep-sea-coral-5-1: #CD5C5C;
  --deep-sea-coral-5-2: #BC8F8F;
  --deep-sea-coral-5-3: #FA8072;
  --deep-sea-coral-5-4: #4682B4;
  --deep-sea-coral-5-5: #7B68EE;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "deep-sea-coral-5": {
        1: "#CD5C5C",
        2: "#BC8F8F",
        3: "#FA8072",
        4: "#4682B4",
        5: "#7B68EE",
      }
    }
  }
}

Related searches

coral and blue color schememysterious violet palettesophisticated warm and cool colorsdeep sea fashion colorsunique website color trends

Palette colors

Hex values

Color 1#CD5C5C
·
Color 2#BC8F8F
·
Color 3#FA8072
·
Color 4#4682B4
·
Color 5#7B68EE
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
1.6:1Fail
1:1Fail
1:1Fail
2
1.4:1Fail
1.1:1Fail
1.5:1Fail
1.5:1Fail
3
1.6:1Fail
1.1:1Fail
1.6:1Fail
1.7:1Fail
4
1:1Fail
1.5:1Fail
1.6:1Fail
1:1Fail
5
1:1Fail
1.5:1Fail
1.7:1Fail
1:1Fail

Similar palettes

More like Deep Sea Coral

View all vibrant
Coral Reef Discovery
Coral Reef Twilight
Deep Sea Coral
Deep Sea Coral Bloom
Oceanic Coral Spire
Oceanic Reef Glow