Back to palettes

Palette

Coral Reef Symphony

A vivid underwater spectacle of sun-drenched corals and clear turquoise waters, teeming with aquatic life.

vibrantplayful5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FF6F61#FFAD69#C4EEF1#8FCACA#00B1B3

Palette guide

How to use Coral Reef Symphony

Overview

The Coral Reef Symphony palette creates a vivid underwater spectacle, blending sun-drenched corals with clear turquoise waters. It features the vibrant Living Coral #FF6F61 and a warm Peach #FFAD69, harmoniously paired with light aquas like #C4EEF1 and #8FCACA, culminating in a deep Teal #00B1B3. This palette is perfect for designs that aim to be playful, bright, and full of aquatic energy, ideal for marine-themed branding, children's content, or interactive digital experiences that require a fresh and inviting feel.

Best used for

  • Marine conservation educational apps
  • Children's swimwear or toy branding
  • Tropical resort websites
  • Eco-tourism marketing materials
  • Summer event promotions
  • Digital interfaces with a fresh, clean look

Suggested color roles

primary

Use Teal #00B1B3 for foundational elements or strong branding, providing a stable, cool anchor.

secondary

Living Coral #FF6F61 can be used for calls-to-action or important headings, adding a vibrant energy.

accent

Peach #FFAD69 provides a warm, inviting highlight for details or interactive elements.

background

The very light #C4EEF1 offers a serene, airy backdrop, allowing other colors to pop.

text

A dark charcoal or deep navy provides optimal readability against the lighter background tones.

Accessibility notes

  • #C4EEF1 and #8FCACA are very light; use dark text for readability.
  • Living Coral #FF6F61 and Peach #FFAD69 may not meet WCAG AA contrast with white text.
  • Ensure Teal #00B1B3 provides sufficient contrast when used for text against lighter backgrounds.
  • Always test contrast ratios for all text and interactive elements.

Recommended combinations

Vibrant Harmony

Ideal for high-impact branding, hero sections, or main navigation.

#FF6F61 · #00B1B3 · #C4EEF1

Sunny Depths

Excellent for creating depth and contrast, suitable for backgrounds or intricate patterns.

#FFAD69 · #8FCACA · #00B1B3

Playful Accents

Use for calls-to-action, icons, or graphic details that need to stand out.

#FF6F61 · #C4EEF1 · #FFAD69

CSS variables

:root {
  --coral-reef-symphony-1: #FF6F61;
  --coral-reef-symphony-2: #FFAD69;
  --coral-reef-symphony-3: #C4EEF1;
  --coral-reef-symphony-4: #8FCACA;
  --coral-reef-symphony-5: #00B1B3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "coral-reef-symphony": {
        1: "#FF6F61",
        2: "#FFAD69",
        3: "#C4EEF1",
        4: "#8FCACA",
        5: "#00B1B3",
      }
    }
  }
}

Related searches

vibrant coral teal paletteplayful ocean colorsmarine life designtropical aquatic schemebright reef colors

Palette colors

Hex values

Color 1#FF6F61
·
Color 2#FFAD69
·
Color 3#C4EEF1
·
Color 4#8FCACA
·
Color 5#00B1B3
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.2:1Fail
1.5:1Fail
1:1Fail
2
1.5:1Fail
1.5:1Fail
1:1Fail
1.4:1Fail
3
2.2:1Fail
1.5:1Fail
1.5:1Fail
2.1:1Fail
4
1.5:1Fail
1:1Fail
1.5:1Fail
1.4:1Fail
5
1:1Fail
1.4:1Fail
2.1:1Fail
1.4:1Fail

Similar palettes

More like Coral Reef Symphony

View all vibrant
Aqua Coral Garden
Coral Garden Reef
Coral Lagoon Harmony
Coral Reef Shimmer
Dragonfruit Sparkle
Exotic Feather Plumes