Back to palettes

Palette

Coral Reef Dawn

A lively blend of sun-kissed corals and deep ocean teals, reminiscent of a vibrant underwater world at sunrise.

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

#FF6B6B#FFD166#A7D9D8#4D8B8B#2E5252

Palette guide

How to use Coral Reef Dawn

Overview

The "Coral Reef Dawn" palette presents a lively blend of sun-kissed corals and deep ocean teals, reminiscent of a vibrant underwater world at sunrise. This energetic collection features the bright #FF6B6B (Coral Red) and cheerful #FFD166 (Goldenrod), balanced by the serene #A7D9D8 (Light Teal), #4D8B8B (Medium Teal), and the profound #2E5252 (Dark Teal). Designers and developers can leverage this palette to create dynamic and engaging experiences that evoke warmth, natural beauty, and sophistication, making it ideal for branding, web design, and editorial content with an energetic, summery mood.

Best used for

  • Tropical travel brochures
  • Summer lifestyle blogs
  • Eco-conscious brand identity
  • Beach-themed event promotions
  • Spa and resort branding
  • Children's storybook illustrations

Suggested color roles

primary

#FF6B6B (Coral Red) is a powerful, energetic focal point, perfect for calls-to-action or key brand elements demanding attention.

secondary

#4D8B8B (Medium Teal) offers a grounding, cool contrast, suitable for navigation, informational blocks, or background sections.

accent

#FFD166 (Goldenrod) provides a warm, sunlit highlight, excellent for interactive elements, icons, or decorative details.

background

#A7D9D8 (Light Teal) creates a calm, expansive backdrop, or a very light off-white allows the vibrant colors to pop.

text

For dark text, use #2E5252 or black on light backgrounds. For text on #4D8B8B or #2E5252, white offers optimal readability.

Accessibility notes

  • Ensure #FFD166 has sufficient contrast against #A7D9D8 if used for text; it typically works best as an accent or for large headlines.
  • #FF6B6B pairs well with white text for high contrast buttons or headings.
  • The darker teals, #4D8B8B and #2E5252, provide excellent contrast for text when paired with white or light yellow.
  • Avoid using #A7D9D8 as text on #FFD166 without strict contrast checking, as they may lack sufficient differentiation.

Recommended combinations

Sunrise Pop

Energetic and warm, ideal for headers or prominent calls-to-action.

#FF6B6B · #FFD166 · #4D8B8B

Deep Calm

Creates a serene, deep-sea ambiance with a touch of golden light, good for backgrounds.

#2E5252 · #A7D9D8 · #FFD166

Tropical Balance

Strong contrast for impactful branding or distinct UI elements.

#FF6B6B · #2E5252 · #A7D9D8

CSS variables

:root {
  --coral-reef-dawn-2-1: #FF6B6B;
  --coral-reef-dawn-2-2: #FFD166;
  --coral-reef-dawn-2-3: #A7D9D8;
  --coral-reef-dawn-2-4: #4D8B8B;
  --coral-reef-dawn-2-5: #2E5252;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "coral-reef-dawn-2": {
        1: "#FF6B6B",
        2: "#FFD166",
        3: "#A7D9D8",
        4: "#4D8B8B",
        5: "#2E5252",
      }
    }
  }
}

Related searches

coral teal sunrise paletteenergetic ocean color schemesummer reef brandingwarm cool balance designvibrant underwater colors

Palette colors

Hex values

Color 1#FF6B6B
·
Color 2#FFD166
·
Color 3#A7D9D8
·
Color 4#4D8B8B
·
Color 5#2E5252
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
1.8:1Fail
1.4:1Fail
3.1:1AA18
2
1.9:1Fail
1.1:1Fail
2.7:1Fail
6:1AA
3
1.8:1Fail
1.1:1Fail
2.5:1Fail
5.5:1AA
4
1.4:1Fail
2.7:1Fail
2.5:1Fail
2.2:1Fail
5
3.1:1AA18
6:1AA
5.5:1AA
2.2:1Fail

Similar palettes

More like Coral Reef Dawn

View all vibrant
Reef Radiance
Coral Reef Dawn
Coral Reef Dawn
Coral Reef Sunset
Electric Coral Reef
Sunlit Coral Garden