Mint Coffee to Prosecco Color Palette

About this palette

Mint Coffee to Prosecco is a 5-color pastel, light, warm palette: #D4FFE6 (Mint Coffee), #FAB1BD (Poodle Skirt), #E8DEFF (Grape Taffy), #DDBD92 (Lama), #FFD8A5 (Prosecco). It mixes white, pink, purple, orange tones and feels warm overall. The strongest text pairing is #D4FFE6 on #DDBD92 with a contrast ratio of 1.64:1, and 0 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Mint Coffee	rgb(212, 255, 230)	hsl(145, 100%, 92%)
Poodle Skirt	rgb(250, 177, 189)	hsl(350, 88%, 84%)
Grape Taffy	rgb(232, 222, 255)	hsl(258, 100%, 94%)
Lama	rgb(221, 189, 146)	hsl(34, 52%, 72%)
Prosecco	rgb(255, 216, 165)	hsl(34, 100%, 82%)

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

/* Mint Coffee to Prosecco — https://swatchly.xyz/palette/d4ffe6-fab1bd-e8deff-ddbd92-ffd8a5 */
:root {
  --mint-coffee: #d4ffe6;
  --poodle-skirt: #fab1bd;
  --grape-taffy: #e8deff;
  --lama: #ddbd92;
  --prosecco: #ffd8a5;
}

Tailwind CSS v4

/* Mint Coffee to Prosecco — https://swatchly.xyz/palette/d4ffe6-fab1bd-e8deff-ddbd92-ffd8a5 */
@theme {
  --color-mint-coffee: #d4ffe6;
  --color-mint-coffee-50: #d4ffe6;
  --color-mint-coffee-100: #d6f1e1;
  --color-mint-coffee-200: #c0dfcd;
  --color-mint-coffee-300: #a6cab5;
  --color-mint-coffee-400: #85ab95;
  --color-mint-coffee-500: #69907a;
  --color-mint-coffee-600: #507661;
  --color-mint-coffee-700: #3b5e4b;
  --color-mint-coffee-800: #2b4a3a;
  --color-mint-coffee-900: #1f392b;
  --color-mint-coffee-950: #11241a;
  --color-poodle-skirt: #fab1bd;
  --color-poodle-skirt-50: #fff6f7;
  --color-poodle-skirt-100: #ffeaed;
  --color-poodle-skirt-200: #ffcfd6;
  --color-poodle-skirt-300: #fab1bd;
  --color-poodle-skirt-400: #d5929d;
  --color-poodle-skirt-500: #b87480;
  --color-poodle-skirt-600: #995965;
  --color-poodle-skirt-700: #7d434e;
  --color-poodle-skirt-800: #64313c;
  --color-poodle-skirt-900: #4e242c;
  --color-poodle-skirt-950: #32141b;
  --color-grape-taffy: #e8deff;
  --color-grape-taffy-50: #f1ecff;
  --color-grape-taffy-100: #e8deff;
  --color-grape-taffy-200: #d5cde6;
  --color-grape-taffy-300: #c0b7d3;
  --color-grape-taffy-400: #a299b6;
  --color-grape-taffy-500: #887e9c;
  --color-grape-taffy-600: #6e6581;
  --color-grape-taffy-700: #58506a;
  --color-grape-taffy-800: #453e54;
  --color-grape-taffy-900: #352f42;
  --color-grape-taffy-950: #211d2a;
  --color-lama: #ddbd92;
  --color-lama-50: #fff4e6;
  --color-lama-100: #fde9cf;
  --color-lama-200: #edd5b5;
  --color-lama-300: #ddbd92;
  --color-lama-400: #bb9e76;
  --color-lama-500: #a08259;
  --color-lama-600: #84673f;
  --color-lama-700: #6a512c;
  --color-lama-800: #543e1d;
  --color-lama-900: #422f13;
  --color-lama-950: #2a1c08;
  --color-prosecco: #ffd8a5;
  --color-prosecco-50: #fff9f2;
  --color-prosecco-100: #ffefdb;
  --color-prosecco-200: #ffd8a5;
  --color-prosecco-300: #e1c199;
  --color-prosecco-400: #c3a071;
  --color-prosecco-500: #a68352;
  --color-prosecco-600: #896737;
  --color-prosecco-700: #6f5023;
  --color-prosecco-800: #573c15;
  --color-prosecco-900: #442e0b;
  --color-prosecco-950: #2c1c04;
}