Back to palettes

Palette

Coral Reef Bloom

A vibrant mix of warm corals and cool ocean blues, depicting the rich biodiversity of a healthy reef.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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 Bloom

Overview

The "Coral Reef Bloom" palette offers a refreshing blend of warm corals and cool ocean blues, perfect for evoking vibrant, aquatic themes. This versatile collection includes the energetic coral red #FF6B6B, a softer peach #FFA07A, and the delicate blush of #FFDAB9. Complementing these are the serene sky blue #87CEEB and the deep, anchoring navy #4682B4. Designers and developers can leverage this palette to create engaging interfaces, branding, or editorial content that feels both lively and balanced. It's ideal for projects requiring a splash of natural energy with a sophisticated touch, ensuring visual appeal across various digital and print applications.

Best used for

  • Tropical travel agency websites
  • Marine conservation branding
  • Summer fashion e-commerce
  • Children's book illustrations
  • Spa and wellness marketing materials
  • Beach resort promotional graphics

Suggested color roles

primary

The vibrant #FF6B6B (Coral Red) commands attention, ideal for calls-to-action, key headlines, or brand accents that need to pop.

secondary

Use #87CEEB (Sky Blue) to balance the warmth, perfect for secondary navigation, background elements, or informational graphics.

accent

Employ #FFA07A (Light Salmon) or #FFDAB9 (Peach Puff) for subtle highlights, interactive states, or decorative elements, adding warmth without overwhelming.

background

The soft #FFDAB9 (Peach Puff) provides a gentle, airy backdrop, while #87CEEB (Sky Blue) can create a cooler, expansive feel.

text

For dark text on light backgrounds, consider a deep charcoal or near-black for readability. For light text on darker colors like #4682B4, use white.

Accessibility notes

  • Ensure sufficient contrast when pairing #FF6B6B or #FFA07A with #FFDAB9 for text; a darker color like #4682B4 will often be needed for text on these.
  • Use #4682B4 for primary body text on light backgrounds like #FFDAB9 or white for optimal readability.
  • The blue tones like #87CEEB and #4682B4 offer good contrast against the coral hues, suitable for interactive elements.
  • Avoid using #FFDAB9 as text on #FFA07A without careful contrast checking, as they are close in luminosity.

Recommended combinations

Ocean Sunset

Ideal for dynamic headers or hero sections that convey warmth and openness.

#FF6B6B · #FFA07A · #87CEEB

Reef Depths

Creates a serene, deep-sea ambiance, suitable for informational panels or navigation.

#4682B4 · #87CEEB · #FFDAB9

Tropical Pop

High-contrast combination for calls-to-action or distinct brand elements.

#FF6B6B · #4682B4 · #FFA07A

CSS variables

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

Tailwind config

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

Related searches

vibrant ocean color schemetropical coral blue paletteenergetic reef colorssummer beach design palettewarm cool color balance

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 Bloom

View all vibrant
Coral Reef Bloom
Coral Reef Dawn
Coral Reef Dawn
Coral Reef Harmony
Coral Reef Sanctuary
Coral Reef Sunset