Back to palettes

Palette

Coral Reef Sundown

A vibrant blend mirroring the fiery colors of a coral reef at sunset, fading into twilight waters.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FF6B6B#FFA07A#FFDAB9#87CEEB#4682B4

Palette guide

How to use Coral Reef Sundown

Overview

The Coral Reef Sundown palette beautifully captures the fiery glow of a sunset over a coral reef, transitioning into twilight waters. It features a passionate bright red #FF6B6B and a warm Light Salmon #FFA07A, mellowing to a soft Peach Puff #FFDAB9. These warm tones are elegantly balanced by the serene Sky Blue #87CEEB and a deeper Steel Blue #4682B4, evoking the interplay of light and shadow at dusk. This palette is perfect for designs that aim to convey both warmth and tranquility, suitable for travel, nature, or sophisticated digital interfaces.

Best used for

  • Sunset cruise marketing
  • Beach resort branding
  • Travel photography websites
  • Summer-themed digital art
  • Elegant event invitations
  • Nature-inspired home decor

Suggested color roles

primary

Use Steel Blue #4682B4 for foundational elements or navigation, providing a calm anchor.

secondary

Bright red #FF6B6B can be used for calls-to-action or key highlights, adding warmth and energy.

accent

Sky Blue #87CEEB provides a refreshing touch for details or interactive elements.

background

Peach Puff #FFDAB9 offers a soft, warm, and inviting base for content.

text

A deep charcoal or navy would provide excellent contrast against the lighter colors in the palette.

Accessibility notes

  • Peach Puff #FFDAB9 is very light; use dark text for readability.
  • Bright red #FF6B6B and Light Salmon #FFA07A may not meet WCAG AA contrast with white text.
  • Ensure Sky Blue #87CEEB and Steel Blue #4682B4 provide sufficient contrast for text.
  • Always verify contrast ratios for all text and interactive elements.

Recommended combinations

Fiery Horizon

Ideal for warm backgrounds, gradients, or elements evoking sunset warmth.

#FF6B6B · #FFA07A · #FFDAB9

Twilight Waters

Excellent for creating depth, serene backgrounds, or cool-toned accents.

#87CEEB · #4682B4 · #FFA07A

Balanced Dusk

Use for designs that need a strong, yet harmonious, blend of warm and cool.

#FF6B6B · #4682B4 · #FFDAB9

CSS variables

:root {
  --coral-reef-sundown-1: #FF6B6B;
  --coral-reef-sundown-2: #FFA07A;
  --coral-reef-sundown-3: #FFDAB9;
  --coral-reef-sundown-4: #87CEEB;
  --coral-reef-sundown-5: #4682B4;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "coral-reef-sundown": {
        1: "#FF6B6B",
        2: "#FFA07A",
        3: "#FFDAB9",
        4: "#87CEEB",
        5: "#4682B4",
      }
    }
  }
}

Related searches

coral sunset color schemebeach twilight palettewarm cool ocean colorssummer evening designserene vibrant reef colors

Palette colors

Hex values

Color 1#FF6B6B
·
Color 2#FFA07A
·
Color 3#FFDAB9
·
Color 4#87CEEB
·
Color 5#4682B4
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.1:1Fail
1.6:1Fail
1.5:1Fail
2
1.4:1Fail
1.5:1Fail
1.1:1Fail
2.1:1Fail
3
2.1:1Fail
1.5:1Fail
1.3:1Fail
3.1:1AA18
4
1.6:1Fail
1.1:1Fail
1.3:1Fail
2.4:1Fail
5
1.5:1Fail
2.1:1Fail
3.1:1AA18
2.4:1Fail

Similar palettes

More like Coral Reef Sundown

View all vibrant
Coastal Sunset Blaze
Coral Reef Dawn
Coral Reef Dawn
Coral Reef Sunset
Electric Coral Reef
Ocean Coral Sunset