Back to palettes

Palette

Parrot Feather Dance

A lively array of colors inspired by the vivid plumage of a tropical parrot.

vibrantplayful5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Parrot Feather Dance 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 Parrot Feather Dance.

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

Data visualization

#2EC4B6#E07A5F#3D405B#F2CC8F#81B29A

Palette guide

How to use Parrot Feather Dance

Overview

The Parrot Feather Dance palette is a lively and exotic collection, inspired by the vivid plumage of tropical birds. It features a refreshing teal #2EC4B6, a warm terracotta #E07A5F, a sophisticated dark blue #3D405B, a sunny marigold #F2CC8F, and a muted sage green #81B29A. This vibrant yet balanced scheme is perfect for designs that aim to be energetic, adventurous, and unique. Developers and designers can utilize these colors to create engaging digital experiences, dynamic brand identities, or playful user interfaces that stand out with a touch of tropical flair and modern sophistication.

Best used for

  • Travel and tourism websites for exotic destinations
  • Bohemian or eclectic home decor branding
  • Creative agencies and artistic portfolios
  • Nature-themed educational content or apps
  • Food and beverage brands with a vibrant personality
  • Playful e-commerce sites for unique crafts

Suggested color roles

primary

Use #2EC4B6 for main calls to action or key visual elements to grab attention with its refreshing vibrancy.

secondary

Apply #E07A5F for supporting sections or interactive components, adding warmth and an inviting feel.

accent

Introduce #F2CC8F as a bright, sunny highlight for buttons, icons, or important notifications, providing a cheerful pop.

background

Employ #F2CC8F as a soft background or #3D405B for a deep, grounding backdrop, depending on the mood desired.

text

Leverage #3D405B for primary text on lighter backgrounds, or crisp white on darker elements like #3D405B.

Accessibility notes

  • Ensure sufficient contrast when pairing #E07A5F and #F2CC8F, especially for text.
  • The dark blue #3D405B provides excellent contrast for white text.
  • Test legibility of text on #2EC4B6 and #81B29A, opting for dark text (e.g., #3D405B).
  • Avoid using #E07A5F directly on #F2CC8F for small text without careful contrast checking.

Recommended combinations

Tropical Energy

Great for hero sections, banners, or product highlights that need to convey excitement and warmth.

#2EC4B6 · #E07A5F · #F2CC8F

Earthy Depth

Use for more grounded elements like footers, sidebars, or typography, offering sophistication and readability.

#3D405B · #81B29A · #F2CC8F

Vibrant Contrast

Effective for striking calls to action, infographic elements, or distinct brand segments requiring strong visual separation.

#2EC4B6 · #3D405B · #E07A5F

CSS variables

:root {
  --parrot-feather-dance-1: #2EC4B6;
  --parrot-feather-dance-2: #E07A5F;
  --parrot-feather-dance-3: #3D405B;
  --parrot-feather-dance-4: #F2CC8F;
  --parrot-feather-dance-5: #81B29A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "parrot-feather-dance": {
        1: "#2EC4B6",
        2: "#E07A5F",
        3: "#3D405B",
        4: "#F2CC8F",
        5: "#81B29A",
      }
    }
  }
}

Related searches

tropical vibrant paletteexotic bird colorsmodern playful color schemebohemian design palettenature inspired UI colors

Palette colors

Hex values

Color 1#2EC4B6
·
Color 2#E07A5F
·
Color 3#3D405B
·
Color 4#F2CC8F
·
Color 5#81B29A
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
4.7:1AA
1.4:1Fail
1.1:1Fail
2
1.4:1Fail
3.4:1AA18
1.9:1Fail
1.2:1Fail
3
4.7:1AA
3.4:1AA18
6.6:1AA
4.2:1AA18
4
1.4:1Fail
1.9:1Fail
6.6:1AA
1.6:1Fail
5
1.1:1Fail
1.2:1Fail
4.2:1AA18
1.6:1Fail

Similar palettes

More like Parrot Feather Dance

View all vibrant