Back to palettes

Palette

Coral Reef Dawn

A gentle blend of warm coral and soft blues, evoking the tranquil beauty of a reef at sunrise.

vibrantcalm5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FF7F50#FFBF69#FFFFFF#B9FBC0#2EC4B6

Palette guide

How to use Coral Reef Dawn

Overview

The "Coral Reef Dawn" palette is a gentle blend of warm coral and soft blues, evoking the tranquil beauty of a reef at sunrise. This calm and inviting collection features the soft #FF7F50 (Coral) and the warm #FFBF69 (Light Orange), anchored by pure #FFFFFF (White). Complementing these are the refreshing #B9FBC0 (Mint Green) and the serene #2EC4B6 (Teal). Designers and developers will find this palette excellent for creating peaceful, clean, and optimistic experiences. It's ideal for projects requiring a sense of calm, natural serenity, and a touch of modern freshness, perfect for wellness, nature, or minimalist design.

Best used for

  • Spa and relaxation websites
  • Eco-friendly product packaging
  • Yoga and mindfulness apps
  • Coastal living interior design
  • Wedding invitations with a natural theme
  • Clean, minimalist branding

Suggested color roles

primary

#FF7F50 (Coral) offers a gentle warmth, suitable for key headings, accents, or calls-to-action that need a soft touch.

secondary

#2EC4B6 (Teal) provides a calming, grounding presence, excellent for navigation, informational panels, or background sections.

accent

#FFBF69 (Light Orange) adds a soft, sunlit highlight, perfect for interactive elements or subtle decorative details.

background

#FFFFFF (White) is the primary clean, expansive backdrop. #B9FBC0 (Mint Green) can provide a soft, airy alternative for sections.

text

For dark text on light backgrounds like #FFFFFF or #B9FBC0, a deep charcoal or black is recommended. For text on #2EC4B6, white offers excellent readability.

Accessibility notes

  • Ensure #FFBF69 and #B9FBC0 have sufficient contrast against #FFFFFF if used for text; they are generally better for backgrounds or large elements.
  • #FF7F50 offers good contrast with white text for buttons or important headings.
  • #2EC4B6 provides excellent contrast with white text, making it suitable for dark-mode elements or prominent text.
  • Always check contrast ratios for text on lighter hues like #B9FBC0 and #FFBF69 to meet accessibility standards.

Recommended combinations

Tranquil Dawn

Creates a very light, airy feel, perfect for minimalist layouts or soft branding.

#FFFFFF · #B9FBC0 · #FFBF69

Coastal Serenity

Balances cool teal with warm coral, excellent for a fresh, inviting design.

#2EC4B6 · #FF7F50 · #FFFFFF

Soft Glow

Gentle gradient or layered effect for backgrounds, evoking a soft, natural light.

#FFBF69 · #B9FBC0 · #2EC4B6

CSS variables

:root {
  --coral-reef-dawn-4-1: #FF7F50;
  --coral-reef-dawn-4-2: #FFBF69;
  --coral-reef-dawn-4-3: #FFFFFF;
  --coral-reef-dawn-4-4: #B9FBC0;
  --coral-reef-dawn-4-5: #2EC4B6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "coral-reef-dawn-4": {
        1: "#FF7F50",
        2: "#FFBF69",
        3: "#FFFFFF",
        4: "#B9FBC0",
        5: "#2EC4B6",
      }
    }
  }
}

Related searches

tranquil coral teal paletteserene sunrise color schemecalm minimalist designnatural wellness brandingsoft coastal color palette

Palette colors

Hex values

Color 1#FF7F50
·
Color 2#FFBF69
·
Color 3#FFFFFF
·
Color 4#B9FBC0
·
Color 5#2EC4B6
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.5:1Fail
2.1:1Fail
1.2:1Fail
2
1.5:1Fail
1.6:1Fail
1.4:1Fail
1.3:1Fail
3
2.5:1Fail
1.6:1Fail
1.2:1Fail
2.2:1Fail
4
2.1:1Fail
1.4:1Fail
1.2:1Fail
1.8:1Fail
5
1.2:1Fail
1.3:1Fail
2.2:1Fail
1.8:1Fail

Similar palettes

More like Coral Reef Dawn

View all vibrant
Aegean Breeze Azure
Coral Reef Dawn
Coral Reef Dawn
Electric Lagoon Dive
Matcha Bloom Zen
Oceanic Reef Delight