Back to palettes

Palette

Coral Reef Dawn

A bright, sun-kissed palette evoking the first light filtering through a lively coral reef at morning.

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

#F9817E#F2AD76#FDF7D0#8AD2D2#55A8B1

Palette guide

How to use Coral Reef Dawn

Overview

The "Coral Reef Dawn" palette is a bright, sun-kissed collection evoking the first light filtering through a lively coral reef at morning. It features a warm progression from the inviting #F9817E (Salmon) and #F2AD76 (Peach) to the soft #FDF7D0 (Creamy Yellow). These are beautifully balanced by the refreshing #8AD2D2 (Light Teal) and the serene #55A8B1 (Aqua Blue). Designers and developers will find this energetic palette perfect for creating welcoming and optimistic experiences, ideal for projects that aim to convey natural beauty, gentle warmth, and a refreshing, vibrant mood across digital and print media.

Best used for

  • Morning routine apps
  • Natural cosmetics branding
  • Baby product designs
  • Spring/Summer fashion lookbooks
  • Travel blogs focusing on relaxation
  • Interior design for bright spaces

Suggested color roles

primary

#F9817E (Salmon) offers a gentle yet distinct warmth, suitable for key headings, accents, or calls-to-action that feel inviting.

secondary

#55A8B1 (Aqua Blue) provides a calming, stable contrast, excellent for navigation, subheadings, or informational sections.

accent

#F2AD76 (Peach) or #8AD2D2 (Light Teal) can add soft, cheerful highlights, perfect for interactive elements or decorative graphics.

background

#FDF7D0 (Creamy Yellow) provides a soft, warm, expansive backdrop. #8AD2D2 (Light Teal) offers a cool, fresh alternative.

text

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

Accessibility notes

  • Ensure #FDF7D0 has sufficient contrast if used for text against other light colors; it is best for backgrounds or large elements.
  • #F9817E offers good contrast with white text for buttons or important headings.
  • #55A8B1 provides good contrast with white text, making it suitable for dark-mode elements or prominent text.
  • Be cautious when using #8AD2D2 as text on #FDF7D0, as their low contrast could hinder readability.

Recommended combinations

Morning Glow

Creates a soft, warm gradient, perfect for banners or subtle background elements.

#F9817E · #F2AD76 · #FDF7D0

Aqua Fresh

Balances cool blues with a touch of peach, great for clean and refreshing interfaces.

#55A8B1 · #8AD2D2 · #F2AD76

Reef Bright

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

#F9817E · #55A8B1 · #FDF7D0

CSS variables

:root {
  --coral-reef-dawn-5-1: #F9817E;
  --coral-reef-dawn-5-2: #F2AD76;
  --coral-reef-dawn-5-3: #FDF7D0;
  --coral-reef-dawn-5-4: #8AD2D2;
  --coral-reef-dawn-5-5: #55A8B1;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "coral-reef-dawn-5": {
        1: "#F9817E",
        2: "#F2AD76",
        3: "#FDF7D0",
        4: "#8AD2D2",
        5: "#55A8B1",
      }
    }
  }
}

Related searches

sun-kissed coral aqua palettegentle reef color schemebright nature brandingcheerful summer designsoft tropical sunrise colors

Palette colors

Hex values

Color 1#F9817E
·
Color 2#F2AD76
·
Color 3#FDF7D0
·
Color 4#8AD2D2
·
Color 5#55A8B1
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
2.3:1Fail
1.4:1Fail
1.1:1Fail
2
1.3:1Fail
1.8:1Fail
1.1:1Fail
1.4:1Fail
3
2.3:1Fail
1.8:1Fail
1.6:1Fail
2.5:1Fail
4
1.4:1Fail
1.1:1Fail
1.6:1Fail
1.6:1Fail
5
1.1:1Fail
1.4:1Fail
2.5:1Fail
1.6:1Fail

Similar palettes

More like Coral Reef Dawn

View all vibrant
Aqua Sunken Eden
Coral Reef Bloom
Coral Reef Bloom
Coral Reef Dawn
Coral Reef Dawn
Coral Reef Harmony