Start generating

Pretty in Pink to Enchanted Emerald color palette

FBBFEFPretty in PinkED64E2Death of a StarDA1DA0Melodramatic Magenta007F52Woodland Soul005135Moor-Monster74DA9CEnchanted Emerald
Open in generator Export PNG, PDF, ASE…

About this palette

Pretty in Pink to Enchanted Emerald is a 6-color vibrant, neon palette: #FBBFEF (Pretty in Pink), #ED64E2 (Death of a Star), #DA1DA0 (Melodramatic Magenta), #007F52 (Woodland Soul), #005135 (Moor-Monster), #74DA9C (Enchanted Emerald). It mixes pink, green tones and feels balanced overall. The strongest text pairing is #FBBFEF on #005135 with a contrast ratio of 6.19:1, and 2 of its 15 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Pretty in Pinkrgb(251, 191, 239)hsl(312, 88%, 87%)
Death of a Starrgb(237, 100, 226)hsl(305, 79%, 66%)
Melodramatic Magentargb(218, 29, 160)hsl(318, 77%, 48%)
Woodland Soulrgb(0, 127, 82)hsl(159, 100%, 25%)
Moor-Monsterrgb(0, 81, 53)hsl(159, 100%, 16%)
Enchanted Emeraldrgb(116, 218, 156)hsl(144, 58%, 65%)

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.

  • Aa6.19:1 Good#FBBFEF on #005135
  • Aa6.19:1 Good#005135 on #FBBFEF
  • Aa5.50:1 Good#005135 on #74DA9C
  • Aa5.50:1 Good#74DA9C on #005135
  • Aa3.38:1 Poor#ED64E2 on #005135
  • Aa3.38:1 Poor#005135 on #ED64E2
  • Aa3.32:1 Poor#FBBFEF on #007F52
  • Aa3.32:1 Poor#007F52 on #FBBFEF

Color blindness preview

  • Protanopia
  • Deuteranopia
  • Tritanopia
  • Achromatopsia
  • Dog vision

CSS variables

/* Pretty in Pink to Enchanted Emerald — https://swatchly.xyz/palette/fbbfef-ed64e2-da1da0-007f52-005135-74da9c */
:root {
  --pretty-in-pink: #fbbfef;
  --death-of-a-star: #ed64e2;
  --melodramatic-magenta: #da1da0;
  --woodland-soul: #007f52;
  --moor-monster: #005135;
  --enchanted-emerald: #74da9c;
}

Tailwind CSS v4

/* Pretty in Pink to Enchanted Emerald — https://swatchly.xyz/palette/fbbfef-ed64e2-da1da0-007f52-005135-74da9c */
@theme {
  --color-pretty-in-pink: #fbbfef;
  --color-pretty-in-pink-50: #ffeefb;
  --color-pretty-in-pink-100: #ffddf8;
  --color-pretty-in-pink-200: #fbbfef;
  --color-pretty-in-pink-300: #dfacd5;
  --color-pretty-in-pink-400: #c28bb7;
  --color-pretty-in-pink-500: #a7709d;
  --color-pretty-in-pink-600: #8a5781;
  --color-pretty-in-pink-700: #714269;
  --color-pretty-in-pink-800: #5b3254;
  --color-pretty-in-pink-900: #472441;
  --color-pretty-in-pink-950: #2e152a;
  --color-death-of-a-star: #ed64e2;
  --color-death-of-a-star-50: #fff1fd;
  --color-death-of-a-star-100: #ffe2fb;
  --color-death-of-a-star-200: #ffc2f7;
  --color-death-of-a-star-300: #ff98f4;
  --color-death-of-a-star-400: #ed64e2;
  --color-death-of-a-star-500: #cd45c4;
  --color-death-of-a-star-600: #ae24a5;
  --color-death-of-a-star-700: #900189;
  --color-death-of-a-star-800: #71006c;
  --color-death-of-a-star-900: #590054;
  --color-death-of-a-star-950: #390036;
  --color-melodramatic-magenta: #da1da0;
  --color-melodramatic-magenta-50: #ffeff7;
  --color-melodramatic-magenta-100: #ffdeef;
  --color-melodramatic-magenta-200: #ffbee1;
  --color-melodramatic-magenta-300: #ff94d2;
  --color-melodramatic-magenta-400: #fa4cbd;
  --color-melodramatic-magenta-500: #da1da0;
  --color-melodramatic-magenta-600: #b40083;
  --color-melodramatic-magenta-700: #910068;
  --color-melodramatic-magenta-800: #730052;
  --color-melodramatic-magenta-900: #5b0040;
  --color-melodramatic-magenta-950: #3c0029;
  --color-woodland-soul: #007f52;
  --color-woodland-soul-50: #ddffeb;
  --color-woodland-soul-100: #c1fbda;
  --color-woodland-soul-200: #a3eac3;
  --color-woodland-soul-300: #83d5aa;
  --color-woodland-soul-400: #58b788;
  --color-woodland-soul-500: #339b6c;
  --color-woodland-soul-600: #007f52;
  --color-woodland-soul-700: #006540;
  --color-woodland-soul-800: #004f31;
  --color-woodland-soul-900: #003d25;
  --color-woodland-soul-950: #002716;
  --color-moor-monster: #005135;
  --color-moor-monster-50: #dcffec;
  --color-moor-monster-100: #cdf7e0;
  --color-moor-monster-200: #b3e5cb;
  --color-moor-monster-300: #97d0b3;
  --color-moor-monster-400: #72b292;
  --color-moor-monster-500: #549777;
  --color-moor-monster-600: #3a7c5d;
  --color-moor-monster-700: #266448;
  --color-moor-monster-800: #005135;
  --color-moor-monster-900: #0c3e29;
  --color-moor-monster-950: #042718;
  --color-enchanted-emerald: #74da9c;
  --color-enchanted-emerald-50: #deffe8;
  --color-enchanted-emerald-100: #c0fcd4;
  --color-enchanted-emerald-200: #a3ebbc;
  --color-enchanted-emerald-300: #74da9c;
  --color-enchanted-emerald-400: #57b97f;
  --color-enchanted-emerald-500: #329d63;
  --color-enchanted-emerald-600: #04814a;
  --color-enchanted-emerald-700: #006739;
  --color-enchanted-emerald-800: #00502c;
  --color-enchanted-emerald-900: #003e20;
  --color-enchanted-emerald-950: #002712;
}

Similar palettes