Back to palettes

Palette

Radiant Coral Bloom

A bold and lively palette reminiscent of the fantastical, glowing ecosystems of a vibrant coral reef.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FF3366#FF6699#FF99CC#CCFFCC#66FFCC

Palette guide

How to use Radiant Coral Bloom

Overview

The Radiant Coral Bloom palette is a bold and lively collection, perfect for designs that aim to evoke energy and a fantastical, vibrant aesthetic. Inspired by glowing coral ecosystems, this palette features striking pinks and refreshing greens. Key colors include the intense #FF3366, the softer yet energetic #FF6699, and the luminous #66FFCC. Designers and developers can leverage its high contrast and playful nature for projects requiring a memorable and dynamic visual presence. The blend of warm and cool tones provides versatility, allowing for both vivid statements and softer, harmonious compositions. It’s ideal for conveying excitement and exotic flair.

Best used for

  • Digital art and illustration with a vibrant, fantastical theme
  • Youth-oriented fashion and accessory branding
  • Event promotions for lively parties or festivals
  • Modern UI/UX designs for energetic apps
  • Product packaging for cosmetics or playful items
  • Creative advertising campaigns

Suggested color roles

primary

#FF3366 serves as a powerful, attention-grabbing primary color, perfect for calls to action or main brand elements.

secondary

#FF6699 offers a softer, yet still energetic, supporting role, ideal for subheadings or secondary buttons.

accent

#66FFCC provides a refreshing, vibrant pop, excellent for interactive elements, hover states, or graphic highlights.

background

#CCFFCC creates a light, airy, and slightly cool base, offering good contrast for darker text and elements.

text

For optimal legibility on lighter backgrounds, use a deep charcoal or black. On #FF3366, a crisp white provides excellent contrast.

Accessibility notes

  • Ensure sufficient contrast when pairing lighter colors like #CCFFCC with text; dark text is usually required.
  • The vibrant #FF3366 and #FF6699 provide good contrast for text when placed against #CCFFCC, but always verify WCAG standards.
  • Avoid using #FF99CC for small text on a similarly light background; consider larger font sizes or bolder weights.
  • Test interactive elements for clear focus states, especially when using the lighter green, #66FFCC.

Recommended combinations

Energetic Trio

Use for a bold, dynamic header or a vibrant section emphasizing energy and playfulness.

#FF3366 · #FF6699 · #66FFCC

Soft Gradient

Ideal for backgrounds, subtle UI gradients, or illustrations requiring a smoother transition of color.

#FF6699 · #FF99CC · #CCFFCC

Bold Statement

Combine the strong pink and vibrant green with a softer pink for balance in branding or call-to-action blocks.

#FF3366 · #66FFCC · #FF99CC

CSS variables

:root {
  --radiant-coral-bloom-1: #FF3366;
  --radiant-coral-bloom-2: #FF6699;
  --radiant-coral-bloom-3: #FF99CC;
  --radiant-coral-bloom-4: #CCFFCC;
  --radiant-coral-bloom-5: #66FFCC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "radiant-coral-bloom": {
        1: "#FF3366",
        2: "#FF6699",
        3: "#FF99CC",
        4: "#CCFFCC",
        5: "#66FFCC",
      }
    }
  }
}

Related searches

vibrant coral color paletteenergetic pink green colorstropical neon designlively UI palettefantastical color schemes

Palette colors

Hex values

Color 1#FF3366
·
Color 2#FF6699
·
Color 3#FF99CC
·
Color 4#CCFFCC
·
Color 5#66FFCC
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.8:1Fail
3.2:1AA18
2.8:1Fail
2
1.3:1Fail
1.4:1Fail
2.5:1Fail
2.2:1Fail
3
1.8:1Fail
1.4:1Fail
1.8:1Fail
1.6:1Fail
4
3.2:1AA18
2.5:1Fail
1.8:1Fail
1.1:1Fail
5
2.8:1Fail
2.2:1Fail
1.6:1Fail
1.1:1Fail

Similar palettes

More like Radiant Coral Bloom

View all vibrant
Coral Reef Bloom
Coral Reef Dawn
Coral Reef Harmony
Electric Coral Glow
Electric Coral Reef
Electric Coral Reef