Back to palettes

Palette

Submerged Coral Grove

A lively collection of warm pinks and oranges, inspired by the diverse beauty of a coral reef.

vibrantplayful5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Submerged Coral Grove 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 Submerged Coral Grove.

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

Data visualization

#FFEBDA#FFC7AD#FFA082#FF765C#FF4C39

Palette guide

How to use Submerged Coral Grove

Overview

The Submerged Coral Grove palette is a lively collection of warm pinks and oranges, inspired by the diverse beauty of a coral reef. With a harmonious gradient from #FFEBDA (Peach) to #FF4C39 (Tomato Red), including #FFC7AD (Light Peach), #FFA082 (Light Coral), and #FF765C (Coral), this palette exudes a playful and inviting mood. It's an excellent choice for designers and developers looking to convey warmth, vibrancy, and a touch of natural elegance. This monochromatic range offers subtle depth while maintaining a cheerful and approachable aesthetic, perfect for engaging digital experiences.

Best used for

  • Beauty and cosmetic product branding
  • Children's fashion and toy design
  • Creative art and illustration projects
  • Warm-toned lifestyle blogs
  • E-commerce sites for unique goods
  • Playful social media graphics

Suggested color roles

primary

#FF765C (Coral): A vibrant and engaging color for main calls to action, important headlines, or as a dominant brand hue.

secondary

#FFA082 (Light Coral): Ideal for supporting sections, secondary buttons, or to create a softer, inviting atmosphere.

accent

#FF4C39 (Tomato Red): Use for strong visual accents, urgent alerts, or to add a powerful, energetic burst to design elements.

background

#FFEBDA (Peach): A soft, warm, and inviting background color that provides a gentle canvas for content, enhancing the overall playful mood.

text

#FFC7AD (Light Peach): Suitable for very subtle secondary text or decorative elements. For main body text, a dark brown or charcoal is highly recommended for readability.

Accessibility notes

  • Ensure sufficient contrast for text, especially when using lighter shades like #FFC7AD on #FFEBDA; it may not meet WCAG AA standards.
  • The darker shades (#FF765C, #FF4C39) offer better contrast against lighter backgrounds and should be prioritized for critical text.
  • Avoid using #FFEBDA or #FFC7AD for body text; their low contrast against white or similar light backgrounds will hinder readability.
  • Always test text and interactive elements with contrast checkers to ensure compliance and optimal user experience.

Recommended combinations

Coral Gradient

Creates a soft, natural gradient, perfect for backgrounds, subtle transitions, or layered graphic elements.

#FFEBDA · #FFC7AD · #FFA082

Reef Pop

A vibrant and energetic combination, ideal for calls to action, prominent features, or lively headers.

#FF4C39 · #FF765C · #FFEBDA

Warm Current

Offers a balanced blend of warmth and vibrancy, suitable for content sections that need to feel inviting and engaging.

#FFA082 · #FFC7AD · #FF4C39

CSS variables

:root {
  --submerged-coral-grove-1: #FFEBDA;
  --submerged-coral-grove-2: #FFC7AD;
  --submerged-coral-grove-3: #FFA082;
  --submerged-coral-grove-4: #FF765C;
  --submerged-coral-grove-5: #FF4C39;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "submerged-coral-grove": {
        1: "#FFEBDA",
        2: "#FFC7AD",
        3: "#FFA082",
        4: "#FF765C",
        5: "#FF4C39",
      }
    }
  }
}

Related searches

coral gradient palettewarm ocean colorsplayful pink orangenatural reef huesinviting color scheme

Palette colors

Hex values

Color 1#FFEBDA
·
Color 2#FFC7AD
·
Color 3#FFA082
·
Color 4#FF765C
·
Color 5#FF4C39
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.7:1Fail
2.3:1Fail
2.9:1Fail
2
1.3:1Fail
1.3:1Fail
1.8:1Fail
2.2:1Fail
3
1.7:1Fail
1.3:1Fail
1.3:1Fail
1.7:1Fail
4
2.3:1Fail
1.8:1Fail
1.3:1Fail
1.3:1Fail
5
2.9:1Fail
2.2:1Fail
1.7:1Fail
1.3:1Fail

Similar palettes

More like Submerged Coral Grove

View all vibrant
Coral Reef Bloom
Coral Reef Garden
Reef Glow Dream
Underwater Coral Garden
Aqua Coral Garden
Coral Garden Reef