Back to palettes

Palette

Tropical Reef Glow

A radiant palette showcasing the dazzling, bioluminescent colors of a thriving tropical coral reef.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Tropical Reef Glow 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 Tropical Reef Glow.

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

Data visualization

#40E0D0#FF7F50#7CFC00#0000CD#F4A460

Palette guide

How to use Tropical Reef Glow

Overview

The Tropical Reef Glow palette radiates with the dazzling, bioluminescent colors of a thriving coral reef, designed to bring energetic vibrancy to any project. It features a brilliant turquoise #40E0D0, a vivid coral orange #FF7F50, and an electric lime green #7CFC00. Anchoring these bright hues is a deep, rich medium blue #0000CD, while a warm sandy orange #F4A460 provides a grounding earth tone. This palette is perfect for creating designs that pop with life and excitement, ideal for dynamic branding or engaging user interfaces. Designers can harness its high contrast and playful nature, while developers will find clear distinctions for interactive elements.

Best used for

  • Youth-oriented digital products and apps
  • Event branding for festivals or parties
  • Interactive game interfaces and assets
  • Vibrant e-commerce sites for fashion or art
  • Children's book illustrations
  • Energetic marketing campaigns

Suggested color roles

primary

Use #40E0D0 (Turquoise) for main sections or prominent calls-to-action, offering a fresh and inviting focal point.

secondary

Apply #FF7F50 (Coral Orange) for secondary buttons, important alerts, or complementary headings, adding warmth and urgency.

accent

Utilize #7CFC00 (Lawn Green) sparingly for interactive elements, glowing highlights, or icons that need to stand out with electric energy.

background

Employ #F4A460 (Sandy Brown) as a warm, inviting background, providing a subtle contrast to the vibrant main colors.

text

For dark text, a rich black or #333333 is effective on #F4A460. Pure white offers excellent contrast on #40E0D0, #FF7F50, #7CFC00, and #0000CD.

Accessibility notes

  • The high saturation of #7CFC00 and #FF7F50 requires careful contrast checking when used with text; prefer white text.
  • Ensure sufficient contrast when pairing #F4A460 with lighter text colors; darker text is generally more readable.
  • Avoid using #7CFC00 as a primary text color due to potential eye strain and readability issues.
  • The deep #0000CD offers good contrast with white text, making it suitable for important information.

Recommended combinations

Vibrant Contrast

Ideal for dynamic headers, product showcases, or interactive dashboards, creating a bold and energetic visual.

#40E0D0 · #FF7F50 · #0000CD

Electric Highlights

Perfect for highlighting key features, gamified elements, or calls-to-action, with sandy brown as a grounding element.

#7CFC00 · #F4A460 · #40E0D0

Sunset Glow

Creates a warm and inviting atmosphere, suitable for storytelling sections or atmospheric backgrounds.

#F4A460 · #FF7F50 · #0000CD

CSS variables

:root {
  --tropical-reef-glow-1: #40E0D0;
  --tropical-reef-glow-2: #FF7F50;
  --tropical-reef-glow-3: #7CFC00;
  --tropical-reef-glow-4: #0000CD;
  --tropical-reef-glow-5: #F4A460;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "tropical-reef-glow": {
        1: "#40E0D0",
        2: "#FF7F50",
        3: "#7CFC00",
        4: "#0000CD",
        5: "#F4A460",
      }
    }
  }
}

Related searches

bioluminescent color schemebright tropical paletteenergetic reef colorsvibrant ocean glow designplayful color combinations

Palette colors

Hex values

Color 1#40E0D0
·
Color 2#FF7F50
·
Color 3#7CFC00
·
Color 4#0000CD
·
Color 5#F4A460
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
1.2:1Fail
6.8:1AA
1.2:1Fail
2
1.5:1Fail
1.9:1Fail
4.5:1AA18
1.2:1Fail
3
1.2:1Fail
1.9:1Fail
8.4:1AAA
1.5:1Fail
4
6.8:1AA
4.5:1AA18
8.4:1AAA
5.5:1AA
5
1.2:1Fail
1.2:1Fail
1.5:1Fail
5.5:1AA

Similar palettes

More like Tropical Reef Glow

View all vibrant
Coral Reef Shimmer
Tropical Reef Jewel
Vibrant Coral Reef
Bioluminescent Reef Dive
Coral Reef Bloom
Coral Reef Bloom