Back to palettes

Palette

Tropical Bird Plume

A dazzling display of bright teals and greens, like the iridescent feathers of an exotic tropical bird.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Tropical Bird Plume 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 Bird Plume.

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

Data visualization

#00CED1#40E0D0#20B2AA#66CDAA#7FFFD4

Palette guide

How to use Tropical Bird Plume

Overview

The Tropical Bird Plume palette offers a refreshing and energetic collection of teals and greens, perfect for designs seeking a vibrant yet soothing natural feel. Featuring striking shades like #00CED1 (Dark Turquoise) and the slightly softer #40E0D0 (Turquoise), alongside deeper tones such as #20B2AA (Light Sea Green), this palette evokes the iridescent feathers of exotic birds. Its harmonious blend of cool tones, including #66CDAA (Medium Aquamarine) and #7FFFD4 (Aquamarine), makes it ideal for digital interfaces, branding, or environmental design where a lively, fresh, and inviting atmosphere is desired. Designers can leverage these colors to create a sense of calm energy and natural elegance.

Best used for

  • Eco-friendly brand identity and packaging
  • Spa and wellness website design
  • Nature-themed mobile applications
  • Tropical resort marketing materials
  • Children's book illustrations and educational content
  • Fashion and swimwear collections

Suggested color roles

primary

Use #00CED1 (Dark Turquoise) for dominant UI elements, striking headings, or brand accents to convey vibrancy and freshness.

secondary

Apply #40E0D0 (Turquoise) for complementary sections, subheadings, or background elements, providing a lighter, airy feel.

accent

Utilize #20B2AA (Light Sea Green) for interactive elements, call-to-action buttons, or small illustrative details to add depth and emphasis.

background

The soft #7FFFD4 (Aquamarine) is excellent for clean, light backgrounds, offering a gentle base that allows other colors to pop.

text

For body text, a dark charcoal or near-black (#333333) works best against these bright greens and teals. Use #20B2AA for headers on light backgrounds.

Accessibility notes

  • Ensure sufficient contrast when pairing lighter shades like #7FFFD4 with light text; dark text is generally recommended.
  • Check color contrast ratios for #40E0D0 and #66CDAA against white or very light backgrounds to meet WCAG AA standards.
  • Use #00CED1 or #20B2AA for important interactive elements to provide clear visual cues for users.
  • Avoid using #7FFFD4 for small text unless paired with very dark colors due to its inherent lightness.

Recommended combinations

Deep Ocean

Excellent for creating a cohesive, cool-toned header or main content block, conveying depth and tranquility.

#00CED1 · #20B2AA · #40E0D0

Fresh Breeze

Ideal for clean, airy layouts, using the light background with vibrant accents for navigation or secondary information.

#7FFFD4 · #66CDAA · #00CED1

Vibrant Foliage

Perfect for natural themes, illustrations, or data visualizations, offering a gradient of lush greens and teals.

#20B2AA · #66CDAA · #40E0D0

CSS variables

:root {
  --tropical-bird-plume-2-1: #00CED1;
  --tropical-bird-plume-2-2: #40E0D0;
  --tropical-bird-plume-2-3: #20B2AA;
  --tropical-bird-plume-2-4: #66CDAA;
  --tropical-bird-plume-2-5: #7FFFD4;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "tropical-bird-plume-2": {
        1: "#00CED1",
        2: "#40E0D0",
        3: "#20B2AA",
        4: "#66CDAA",
        5: "#7FFFD4",
      }
    }
  }
}

Related searches

vibrant teal color schemetropical green paletteaquamarine design colorsexotic bird feather colorsrefreshing nature color palette

Palette colors

Hex values

Color 1#00CED1
·
Color 2#40E0D0
·
Color 3#20B2AA
·
Color 4#66CDAA
·
Color 5#7FFFD4
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.3:1Fail
1:1Fail
1.6:1Fail
2
1.2:1Fail
1.6:1Fail
1.2:1Fail
1.3:1Fail
3
1.3:1Fail
1.6:1Fail
1.4:1Fail
2.1:1Fail
4
1:1Fail
1.2:1Fail
1.4:1Fail
1.6:1Fail
5
1.6:1Fail
1.3:1Fail
2.1:1Fail
1.6:1Fail

Similar palettes

More like Tropical Bird Plume

View all vibrant
Paradise Isle Zest
Parrot Plume Brights
Coral Reef Harmony
Dragon Fruit Pop
Electric Jungle Bloom
Exotic Plume Paradise