Back to palettes

Palette

Coral Reef Dawn

A lively palette capturing the first light on a tropical coral reef, full of marine life and warmth.

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#FFA5A5#88D8B0#D6EDC3#4A7A77

Palette guide

How to use Coral Reef Dawn

Overview

The Coral Reef Dawn palette is a vibrant and energetic collection, perfect for designs that aim to evoke warmth and natural beauty. Featuring a striking bright coral, #FF6B6B, alongside its softer counterpart, #FFA5A5, this palette immediately draws the eye. Complementing these warm tones are the refreshing seafoam green, #88D8B0, and a delicate pale mint, #D6EDC3, which introduce a sense of tranquility. A grounding deep teal, #4A7A77, adds sophistication and depth, making this palette versatile for both playful and elegant applications. Ideal for conveying a fresh, lively, and inviting atmosphere, it's a balanced blend of warmth and cool.

Best used for

  • Tropical-themed branding and marketing materials
  • Summer fashion and swimwear designs
  • Nature-inspired web interfaces and apps
  • Children's book illustrations and educational content
  • Packaging for natural and organic products
  • Event invitations for beach parties or outdoor gatherings

Suggested color roles

primary

#FF6B6B - Use this bright coral for impactful calls-to-action, prominent headlines, or main brand elements to convey energy and warmth.

secondary

#88D8B0 - A refreshing seafoam green, excellent for supporting graphical elements, subheadings, or as a background for lighter sections.

accent

#4A7A77 - This deep teal provides a sophisticated contrast, ideal for hover states, subtle borders, or key interactive elements.

background

#D6EDC3 - A very light pale mint, perfect for clean, airy backgrounds that allow other colors to pop without overwhelming the user.

text

#4A7A77 - For body text, the deep teal offers excellent readability against lighter backgrounds. Consider dark charcoal for general body text or pure white for text on darker elements like #FF6B6B.

Accessibility notes

  • Ensure sufficient contrast when using #FFA5A5 or #D6EDC3 for text against similar light backgrounds.
  • #FF6B6B (bright coral) should have dark text (e.g., #4A7A77 or black) for optimal readability.
  • The deep teal #4A7A77 provides good contrast for text on #D6EDC3 or #FFA5A5.
  • Avoid placing #FFA5A5 text directly on #D6EDC3 background due to low contrast.

Recommended combinations

Tropical Sunrise

Ideal for bright, cheerful headers or hero sections, blending warm corals with a soft, airy backdrop.

#FF6B6B · #FFA5A5 · #D6EDC3

Reef Depths

Effective for creating depth and focus, using the deep teal as primary with green support and coral accent.

#4A7A77 · #88D8B0 · #FF6B6B

Gentle Current

Perfect for soft, inviting UI elements or subtle backgrounds, offering a calm and harmonious feel.

#D6EDC3 · #88D8B0 · #FFA5A5

CSS variables

:root {
  --coral-reef-dawn-7-1: #FF6B6B;
  --coral-reef-dawn-7-2: #FFA5A5;
  --coral-reef-dawn-7-3: #88D8B0;
  --coral-reef-dawn-7-4: #D6EDC3;
  --coral-reef-dawn-7-5: #4A7A77;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "coral-reef-dawn-7": {
        1: "#FF6B6B",
        2: "#FFA5A5",
        3: "#88D8B0",
        4: "#D6EDC3",
        5: "#4A7A77",
      }
    }
  }
}

Related searches

vibrant coral green palettetropical summer color schemeoceanic UI colorsenergetic nature palettebright reef colors

Palette colors

Hex values

Color 1#FF6B6B
·
Color 2#FFA5A5
·
Color 3#88D8B0
·
Color 4#D6EDC3
·
Color 5#4A7A77
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
1.7:1Fail
2.2:1Fail
1.7:1Fail
2
1.5:1Fail
1.1:1Fail
1.5:1Fail
2.6:1Fail
3
1.7:1Fail
1.1:1Fail
1.3:1Fail
2.9:1Fail
4
2.2:1Fail
1.5:1Fail
1.3:1Fail
3.9:1AA18
5
1.7:1Fail
2.6:1Fail
2.9:1Fail
3.9:1AA18

Similar palettes

More like Coral Reef Dawn

View all vibrant
Coral Reef Dawn
Reef Radiance
Citrus Garden Punch
Coral Reef Dawn
Coral Reef Sunset
Electric Coral Glow