Palette

Coral Reef Dawn

A bright and cheerful blend reflecting the first light hitting a vibrant coral ecosystem.

vibrantenergetic5 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

#FF6F61#FF9E66#FFD187#8FE0BA#56B4BE

Palette guide

How to use Coral Reef Dawn

Overview

The "Coral Reef Dawn" palette is a bright and cheerful blend reflecting the first light hitting a vibrant coral ecosystem. It features a harmonious progression from the warm #FF6F61 (Coral Red) and #FF9E66 (Light Orange) to the sun-kissed #FFD187 (Peach). These are beautifully contrasted by the refreshing #8FE0BA (Mint Green) and the serene #56B4BE (Aqua Blue). Designers and developers will find this energetic palette perfect for creating inviting and lively experiences, ideal for projects that aim to convey natural beauty, optimism, and a playful, tropical vibe across digital and print media.

Best used for

Tropical vacation planning apps
Children's clothing brands
Summer event invitations
Wellness and lifestyle blogs
Creative food packaging
Eco-friendly product branding

Suggested color roles

primary

#FF6F61 (Coral Red) offers a lively and warm focal point, excellent for calls-to-action or key headlines that need to stand out.

secondary

#56B4BE (Aqua Blue) provides a calming, balancing presence, suitable for navigation, subheadings, or informational sections.

accent

#FFD187 (Peach) or #8FE0BA (Mint Green) can add soft, cheerful highlights, perfect for interactive elements or decorative graphics.

background

#FFD187 (Peach) creates a warm, inviting backdrop, while #8FE0BA (Mint Green) offers a fresh, airy alternative.

text

For dark text on light backgrounds, a deep charcoal or black is recommended. For text on #56B4BE, white offers excellent readability.

Accessibility notes

Ensure #FFD187 has sufficient contrast if used for text against other light colors; it is best for backgrounds or large elements.
#FF6F61 can be paired with white text for strong contrast on buttons or important headings.
#56B4BE provides good contrast with white text, making it suitable for dark-mode elements or prominent text.
Be cautious when using #8FE0BA as text on #FFD187, as their low contrast could hinder readability.

Recommended combinations

Sunrise Warmth

Creates a soft, inviting gradient perfect for backgrounds or hero images.

#FF6F61 · #FF9E66 · #FFD187

Ocean Breeze

Balances cool blues and greens with a touch of warm coral for refreshing designs.

#56B4BE · #8FE0BA · #FF9E66

Tropical Pop

High-contrast combination for energetic call-outs or distinct UI elements.

#FF6F61 · #56B4BE · #FFD187

CSS variables

:root {
  --coral-reef-dawn-3-1: #FF6F61;
  --coral-reef-dawn-3-2: #FF9E66;
  --coral-reef-dawn-3-3: #FFD187;
  --coral-reef-dawn-3-4: #8FE0BA;
  --coral-reef-dawn-3-5: #56B4BE;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "coral-reef-dawn-3": {
        1: "#FF6F61",
        2: "#FF9E66",
        3: "#FFD187",
        4: "#8FE0BA",
        5: "#56B4BE",
      }
    }
  }
}

Hex values

Color 1#FF6F61

Color 2#FF9E66

Color 3#FFD187

Color 4#8FE0BA

Color 5#56B4BE

Accessibility

Contrast checker

1.3:1Fail

1.9:1Fail

1.8:1Fail

1.1:1Fail

1.3:1Fail

1.4:1Fail

1.3:1Fail

1.2:1Fail

1.9:1Fail

1.4:1Fail

1.1:1Fail

1.7:1Fail

1.8:1Fail

1.3:1Fail

1.1:1Fail

1.6:1Fail

1.1:1Fail

1.2:1Fail

1.7:1Fail

1.6:1Fail

Similar palettes

More like Coral Reef Dawn

Coral Reef Dawn

See it in context.

Ready when you are.

Built with Coral Reef Dawn.

How to use Coral Reef Dawn

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Sunrise Warmth

Ocean Breeze

Tropical Pop

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Coral Reef Dawn