Back to palettes

Palette

Sunrise Coral Reef

A delicate display of corals and peaches, mimicking the soft, tranquil beauty of a reef at sunrise.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sunrise Coral Reef 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 Sunrise Coral Reef.

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

Data visualization

#FF8552#FFAB90#FFD1C1#F76F3C#FFBDAB

Palette guide

How to use Sunrise Coral Reef

Overview

The Sunrise Coral Reef palette is a delicate and tranquil collection, mimicking the soft, gentle beauty of a reef at sunrise. This pastel spectrum features a range of warm coral and peach tones, from the vibrant #F76F3C to the very light, airy #FFD1C1. Hues like #FF8552 and #FFAB90 provide a comforting warmth, while #FFBDAB offers a subtle, almost ethereal touch. Designers can leverage this palette to evoke feelings of calm, gentleness, and natural beauty, making it perfect for projects that require a soft, inviting, and serene aesthetic, such as wellness brands, baby products, or peaceful digital interfaces.

Best used for

  • Baby and children's product branding
  • Spa and relaxation services websites
  • Wedding invitations and event decor
  • Soft, feminine fashion branding
  • Confectionery and dessert packaging
  • Gentle wellness or skincare brand identities

Suggested color roles

primary

Use #FF8552 for key headings or interactive elements to provide a gentle focal point.

secondary

Apply #FFAB90 for larger content blocks or backgrounds, offering a soft, inviting warmth.

accent

Employ #F76F3C for subtle accents, highlights, or important calls to action where a touch more vibrancy is needed.

background

#FFD1C1 or #FFBDAB makes for an excellent light, airy background, allowing other colors to gently surface.

text

Dark charcoal, a soft brown, or a very dark gray for body text; white text is challenging on most colors here.

Accessibility notes

  • All colors in this palette are relatively light, requiring very dark text for readability. Avoid light or medium gray text.
  • #FFD1C1 and #FFBDAB will need a strong contrast, such as black or dark brown text.
  • Contrast between colors like #FFAB90 and #FF8552 is low; use them for graphical elements, not for text-on-text.
  • Always verify text contrast against backgrounds using accessibility tools.

Recommended combinations

Gentle Dawn

Ideal for soft gradients, serene backgrounds, or elements that need to convey a delicate, ethereal quality.

#FFD1C1 · #FFBDAB · #FFAB90

Reef Accents

Excellent for adding subtle vibrancy and depth, suitable for highlighting elements or creating gentle visual interest.

#FF8552 · #F76F3C · #FFD1C1

Pastel Harmony

A balanced trio for soft branding, editorial design, or interfaces aiming for a calm and approachable feel.

#FFAB90 · #FFBDAB · #F76F3C

CSS variables

:root {
  --sunrise-coral-reef-1: #FF8552;
  --sunrise-coral-reef-2: #FFAB90;
  --sunrise-coral-reef-3: #FFD1C1;
  --sunrise-coral-reef-4: #F76F3C;
  --sunrise-coral-reef-5: #FFBDAB;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sunrise-coral-reef": {
        1: "#FF8552",
        2: "#FFAB90",
        3: "#FFD1C1",
        4: "#F76F3C",
        5: "#FFBDAB",
      }
    }
  }
}

Related searches

pastel coral palettegentle peach colorstranquil reef schemesoft sunrise tonesdelicate marine branding

Palette colors

Hex values

Color 1#FF8552
·
Color 2#FFAB90
·
Color 3#FFD1C1
·
Color 4#F76F3C
·
Color 5#FFBDAB
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.7:1Fail
1.2:1Fail
1.5:1Fail
2
1.3:1Fail
1.3:1Fail
1.6:1Fail
1.1:1Fail
3
1.7:1Fail
1.3:1Fail
2.1:1Fail
1.2:1Fail
4
1.2:1Fail
1.6:1Fail
2.1:1Fail
1.8:1Fail
5
1.5:1Fail
1.1:1Fail
1.2:1Fail
1.8:1Fail

Similar palettes

More like Sunrise Coral Reef

View all pastel