Drunken Flamingo to Peach Fizz Color Palette

About this palette

Drunken Flamingo to Peach Fizz is a 4-color vibrant, neon palette: #FE47C7 (Drunken Flamingo), #009A93 (Green Dynasty), #408400 (Kelp Forest), #FFA980 (Peach Fizz). It mixes pink, turquoise, green, orange tones and feels balanced overall. The strongest text pairing is #408400 on #FFA980 with a contrast ratio of 2.49:1, and 0 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Drunken Flamingo	rgb(254, 71, 199)	hsl(318, 99%, 64%)
Green Dynasty	rgb(0, 154, 147)	hsl(177, 100%, 30%)
Kelp Forest	rgb(64, 132, 0)	hsl(91, 100%, 26%)
Peach Fizz	rgb(255, 169, 128)	hsl(19, 100%, 75%)

Accessible color pairs

Pairs with at least 3:1 contrast (large text and UI components); 4.5:1 or more passes WCAG AA for body text.

Color blindness preview

CSS variables

/* Drunken Flamingo to Peach Fizz — https://swatchly.xyz/palette/fe47c7-009a93-408400-ffa980 */
:root {
  --drunken-flamingo: #fe47c7;
  --green-dynasty: #009a93;
  --kelp-forest: #408400;
  --peach-fizz: #ffa980;
}

Tailwind CSS v4

/* Drunken Flamingo to Peach Fizz — https://swatchly.xyz/palette/fe47c7-009a93-408400-ffa980 */
@theme {
  --color-drunken-flamingo: #fe47c7;
  --color-drunken-flamingo-50: #ffeff8;
  --color-drunken-flamingo-100: #ffdff1;
  --color-drunken-flamingo-200: #ffbfe5;
  --color-drunken-flamingo-300: #ff96d8;
  --color-drunken-flamingo-400: #fe47c7;
  --color-drunken-flamingo-500: #de1eab;
  --color-drunken-flamingo-600: #b7008c;
  --color-drunken-flamingo-700: #93006f;
  --color-drunken-flamingo-800: #750058;
  --color-drunken-flamingo-900: #5c0045;
  --color-drunken-flamingo-950: #3d002c;
  --color-green-dynasty: #009a93;
  --color-green-dynasty-50: #d5fffb;
  --color-green-dynasty-100: #b8faf4;
  --color-green-dynasty-200: #98e9e2;
  --color-green-dynasty-300: #74d4cd;
  --color-green-dynasty-400: #42b6ae;
  --color-green-dynasty-500: #009a93;
  --color-green-dynasty-600: #007c76;
  --color-green-dynasty-700: #00635e;
  --color-green-dynasty-800: #004d49;
  --color-green-dynasty-900: #003c38;
  --color-green-dynasty-950: #002523;
  --color-kelp-forest: #408400;
  --color-kelp-forest-50: #e4ffd7;
  --color-kelp-forest-100: #cffcb9;
  --color-kelp-forest-200: #b6eb9c;
  --color-kelp-forest-300: #9bd87c;
  --color-kelp-forest-400: #77ba52;
  --color-kelp-forest-500: #5a9f2e;
  --color-kelp-forest-600: #408400;
  --color-kelp-forest-700: #316900;
  --color-kelp-forest-800: #255200;
  --color-kelp-forest-900: #1b3f00;
  --color-kelp-forest-950: #0e2800;
  --color-peach-fizz: #ffa980;
  --color-peach-fizz-50: #fff2ec;
  --color-peach-fizz-100: #ffe5d9;
  --color-peach-fizz-200: #ffcab2;
  --color-peach-fizz-300: #ffa980;
  --color-peach-fizz-400: #db8b64;
  --color-peach-fizz-500: #be6e47;
  --color-peach-fizz-600: #a0542d;
  --color-peach-fizz-700: #843f19;
  --color-peach-fizz-800: #6b2e0b;
  --color-peach-fizz-900: #552103;
  --color-peach-fizz-950: #371301;
}