Back to palettes

Palette

Pink Flamingo

Bold, vibrant pinks dance together, capturing the whimsical and exotic beauty of a flamingo's plumage.

vibrantplayful5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Pink Flamingo 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 Pink Flamingo.

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

Data visualization

#FFC0CB#FF69B4#FF1493#C71585#DB7093

Palette guide

How to use Pink Flamingo

Overview

The Pink Flamingo palette is a bold and vibrant collection of pinks, capturing the whimsical and exotic beauty of a flamingo's plumage. It ranges from the soft #FFC0CB (Pink) to intense #FF69B4 (Hot Pink) and striking #FF1493 (Deep Pink), showcasing the full spectrum of a flamingo's feathers. The deeper, more saturated tones like #C71585 (Crimson Red) and #DB7093 (Pale Violet Red) add sophistication and depth, preventing the palette from being overly saccharine. This palette is perfect for projects that aim for playfulness, vibrancy, and a confident, tropical flair.

Best used for

  • Tropical resort branding
  • Summer fashion and swimwear
  • Fun and playful event invitations
  • Pop art inspired designs
  • Cosmetic and beauty products (bold lines)
  • Children's entertainment branding

Suggested color roles

primary

Use #FF1493 (Deep Pink) as a vibrant, energetic base for main sections or prominent graphic elements, conveying excitement.

secondary

Employ #FF69B4 (Hot Pink) for headings, interactive elements, or key information to grab attention.

accent

Apply #C71585 (Crimson Red) sparingly for strong calls-to-action, important alerts, or sophisticated detailing to add depth and impact.

background

A crisp white or a very pale, almost transparent version of #FFC0CB for a clean, bright canvas that allows the vibrant colors to pop.

text

For vibrant backgrounds, a stark white or black provides the best contrast. For lighter backgrounds, a deep charcoal or #C71585 works well for body text.

Accessibility notes

  • High contrast is crucial; many pinks here will not contrast well with each other or white for text.
  • Use #C71585 or black for body text on lighter pinks like #FFC0CB.
  • Ensure interactive elements are distinguishable through more than just color, such as underlines for links.
  • Test all text and background pairings rigorously with a contrast checker to meet WCAG AA standards.

Recommended combinations

Tropical Pop

For hero sections, vibrant calls-to-action, or playful illustrations.

#FF1493 · #FF69B4 · #FFC0CB

Deep Flamingo

Ideal for sophisticated accents, borders, or to add depth to UI elements.

#C71585 · #DB7093 · #FF69B4

Energetic Blush

Use for secondary content, backgrounds, or to create a layered, vibrant look.

#FFC0CB · #FF1493 · #DB7093

CSS variables

:root {
  --pink-flamingo-1: #FFC0CB;
  --pink-flamingo-2: #FF69B4;
  --pink-flamingo-3: #FF1493;
  --pink-flamingo-4: #C71585;
  --pink-flamingo-5: #DB7093;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "pink-flamingo": {
        1: "#FFC0CB",
        2: "#FF69B4",
        3: "#FF1493",
        4: "#C71585",
        5: "#DB7093",
      }
    }
  }
}

Related searches

vibrant pink color schemetropical flamingo palettebold fuchsia designplayful bright pinkssummer fashion colors

Palette colors

Hex values

Color 1#FFC0CB
·
Color 2#FF69B4
·
Color 3#FF1493
·
Color 4#C71585
·
Color 5#DB7093
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.4:1Fail
3.5:1AA18
2:1Fail
2
1.7:1Fail
1.4:1Fail
2:1Fail
1.2:1Fail
3
2.4:1Fail
1.4:1Fail
1.5:1Fail
1.2:1Fail
4
3.5:1AA18
2:1Fail
1.5:1Fail
1.7:1Fail
5
2:1Fail
1.2:1Fail
1.2:1Fail
1.7:1Fail

Similar palettes

More like Pink Flamingo

View all vibrant