Back to palettes

Palette

Tropic Bird Feather

A flamboyant burst of color found in the vibrant plumage of exotic birds, full of life.

vibrantplayful5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Tropic Bird Feather 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 Tropic Bird Feather.

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

Data visualization

#00CED1#FF1493#7CFC00#FFD700#9400D3

Palette guide

How to use Tropic Bird Feather

Overview

The "Tropic Bird Feather" palette is an explosion of unapologetically vibrant and exotic hues, directly inspired by the flamboyant plumage of tropical birds. Featuring dazzling teal #00CED1, electric fuchsia #FF1493, vivid lime green #7CFC00, radiant gold #FFD700, and majestic dark violet #9400D3, this palette is designed for maximum visual impact and joy. It's ideal for designers and developers looking to create energetic, playful, and unforgettable experiences. Think festival branding, children's products, or any digital platform aiming to convey excitement, creativity, and a lively spirit.

Best used for

  • Festival and event branding
  • Children's educational apps
  • Creative agency portfolios
  • Fashion and beauty campaigns
  • Party supply packaging
  • Vibrant social media graphics

Suggested color roles

primary

Use #FF1493 (Electric Fuchsia) for main calls to action, prominent headings, or hero elements, demanding immediate attention.

secondary

Apply #00CED1 (Vibrant Teal) for secondary navigation, background sections, or large graphic elements, offering a cool, energetic contrast.

accent

Employ #FFD700 (Radiant Gold) for interactive elements, small icons, or highlights, adding a touch of brilliance and warmth.

background

Utilize #7CFC00 (Vivid Lime Green) to provide an incredibly lively and energetic base. For more subdued backgrounds, consider using a very light neutral and reserving these colors for foreground elements.

text

Use #9400D3 (Dark Violet) for headings and important text. For general body text, use black or very dark grey for legibility, as many palette colors are too vibrant for small text.

Accessibility notes

  • Due to the high vibrancy, contrast is crucial. Ensure text (e.g., black or white) has sufficient contrast against these bright backgrounds.
  • Avoid placing #7CFC00 text on #FFD700 as contrast will be extremely low.
  • Use #9400D3 or black for text on lighter, vibrant backgrounds like #00CED1 or #FFD700.
  • Always test colorblind compatibility, as some vibrant combinations might be challenging for certain users.

Recommended combinations

Tropical Burst

Perfect for a bold hero image or marketing banner, creating an immediate sense of excitement and vibrancy.

#FF1493 · #00CED1 · #FFD700

Exotic Dance

Ideal for playful illustrations or distinct UI sections, offering high contrast and a dynamic, energetic feel.

#7CFC00 · #9400D3 · #FF1493

Feathered Jewel

Effective for logos or icon sets, showcasing a sophisticated yet vibrant combination of cool and warm tones.

#00CED1 · #FFD700 · #9400D3

CSS variables

:root {
  --tropic-bird-feather-1: #00CED1;
  --tropic-bird-feather-2: #FF1493;
  --tropic-bird-feather-3: #7CFC00;
  --tropic-bird-feather-4: #FFD700;
  --tropic-bird-feather-5: #9400D3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "tropic-bird-feather": {
        1: "#00CED1",
        2: "#FF1493",
        3: "#7CFC00",
        4: "#FFD700",
        5: "#9400D3",
      }
    }
  }
}

Related searches

vibrant tropical palettebright exotic colorsplayful color schemehigh contrast bold colorstropical bird inspired design

Palette colors

Hex values

Color 1#00CED1
·
Color 2#FF1493
·
Color 3#7CFC00
·
Color 4#FFD700
·
Color 5#9400D3
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
1.5:1Fail
1.4:1Fail
3.4:1AA18
2
1.9:1Fail
2.7:1Fail
2.6:1Fail
1.8:1Fail
3
1.5:1Fail
2.7:1Fail
1.1:1Fail
4.9:1AA
4
1.4:1Fail
2.6:1Fail
1.1:1Fail
4.7:1AA
5
3.4:1AA18
1.8:1Fail
4.9:1AA
4.7:1AA

Similar palettes

More like Tropic Bird Feather

View all vibrant