Pink Prestige to Sweet Mint Pesto color palette

F19EADPink Prestige 3E274FMidnight Pie A47BB8Berries Galore 00675BPhilodendron BEF3A6Sweet Mint Pesto

Open in generator Export PNG, PDF, ASE…

About this palette

Pink Prestige to Sweet Mint Pesto is a 5-color cool palette: #F19EAD (Pink Prestige), #3E274F (Midnight Pie), #A47BB8 (Berries Galore), #00675B (Philodendron), #BEF3A6 (Sweet Mint Pesto). It mixes pink, purple, turquoise, green tones and feels cool overall. The strongest text pairing is #3E274F on #BEF3A6 with a contrast ratio of 10.30:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Pink Prestige	rgb(241, 158, 173)	hsl(349, 75%, 78%)
Midnight Pie	rgb(62, 39, 79)	hsl(274, 34%, 23%)
Berries Galore	rgb(164, 123, 184)	hsl(280, 30%, 60%)
Philodendron	rgb(0, 103, 91)	hsl(173, 100%, 20%)
Sweet Mint Pesto	rgb(190, 243, 166)	hsl(101, 76%, 80%)

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.

Aa10.30:1 Very good#3E274F on #BEF3A6
Aa10.30:1 Very good#BEF3A6 on #3E274F
Aa6.36:1 Good#F19EAD on #3E274F
Aa6.36:1 Good#3E274F on #F19EAD
Aa5.36:1 Good#00675B on #BEF3A6
Aa5.36:1 Good#BEF3A6 on #00675B
Aa3.80:1 Poor#3E274F on #A47BB8
Aa3.80:1 Poor#A47BB8 on #3E274F

Color blindness preview

CSS variables

/* Pink Prestige to Sweet Mint Pesto — https://swatchly.xyz/palette/f19ead-3e274f-a47bb8-00675b-bef3a6 */
:root {
  --pink-prestige: #f19ead;
  --midnight-pie: #3e274f;
  --berries-galore: #a47bb8;
  --philodendron: #00675b;
  --sweet-mint-pesto: #bef3a6;
}

Tailwind CSS v4

/* Pink Prestige to Sweet Mint Pesto — https://swatchly.xyz/palette/f19ead-3e274f-a47bb8-00675b-bef3a6 */
@theme {
  --color-pink-prestige: #f19ead;
  --color-pink-prestige-50: #ffebee;
  --color-pink-prestige-100: #ffdbe1;
  --color-pink-prestige-200: #ffbcc7;
  --color-pink-prestige-300: #f19ead;
  --color-pink-prestige-400: #cf8190;
  --color-pink-prestige-500: #b46776;
  --color-pink-prestige-600: #974e5e;
  --color-pink-prestige-700: #7d3b49;
  --color-pink-prestige-800: #652c39;
  --color-pink-prestige-900: #51202c;
  --color-pink-prestige-950: #35121a;
  --color-midnight-pie: #3e274f;
  --color-midnight-pie-50: #f9f2ff;
  --color-midnight-pie-100: #f3e5ff;
  --color-midnight-pie-200: #e2cef3;
  --color-midnight-pie-300: #cdb6e0;
  --color-midnight-pie-400: #af96c3;
  --color-midnight-pie-500: #937aa8;
  --color-midnight-pie-600: #78608c;
  --color-midnight-pie-700: #614a72;
  --color-midnight-pie-800: #4c395b;
  --color-midnight-pie-900: #3e274f;
  --color-midnight-pie-950: #25192e;
  --color-berries-galore: #a47bb8;
  --color-berries-galore-50: #fbf3ff;
  --color-berries-galore-100: #f7e7ff;
  --color-berries-galore-200: #edcefd;
  --color-berries-galore-300: #dab7ec;
  --color-berries-galore-400: #be96d1;
  --color-berries-galore-500: #a47bb8;
  --color-berries-galore-600: #875f9a;
  --color-berries-galore-700: #6d497e;
  --color-berries-galore-800: #563665;
  --color-berries-galore-900: #432850;
  --color-berries-galore-950: #2a1733;
  --color-philodendron: #00675b;
  --color-philodendron-50: #d8fff7;
  --color-philodendron-100: #c7f7ed;
  --color-philodendron-200: #ace6da;
  --color-philodendron-300: #8ed1c5;
  --color-philodendron-400: #67b4a6;
  --color-philodendron-500: #47998b;
  --color-philodendron-600: #2a7e71;
  --color-philodendron-700: #00675b;
  --color-philodendron-800: #005147;
  --color-philodendron-900: #003e36;
  --color-philodendron-950: #002722;
  --color-sweet-mint-pesto: #bef3a6;
  --color-sweet-mint-pesto-50: #f6fff2;
  --color-sweet-mint-pesto-100: #e0fed3;
  --color-sweet-mint-pesto-200: #bef3a6;
  --color-sweet-mint-pesto-300: #add79a;
  --color-sweet-mint-pesto-400: #88b772;
  --color-sweet-mint-pesto-500: #699a52;
  --color-sweet-mint-pesto-600: #4e7d36;
  --color-sweet-mint-pesto-700: #396422;
  --color-sweet-mint-pesto-800: #284d12;
  --color-sweet-mint-pesto-900: #1c3c09;
  --color-sweet-mint-pesto-950: #0f2603;
}