Wintermint to Hint of Mint color palette

95D1BAWintermint F9BAB5Young Salmon E5CDF0Bubblegum Crisis FFD3AATuscan DFEFD1Hint of Mint

About this palette

Wintermint to Hint of Mint is a 5-color pastel, light, cool palette: #95D1BA (Wintermint), #F9BAB5 (Young Salmon), #E5CDF0 (Bubblegum Crisis), #FFD3AA (Tuscan), #DFEFD1 (Hint of Mint). It mixes turquoise, pink, purple, orange, green tones and feels cool overall. The strongest text pairing is #95D1BA on #DFEFD1 with a contrast ratio of 1.44:1, and 0 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Wintermint	rgb(149, 209, 186)	hsl(157, 39%, 70%)
Young Salmon	rgb(249, 186, 181)	hsl(4, 85%, 84%)
Bubblegum Crisis	rgb(229, 205, 240)	hsl(281, 54%, 87%)
Tuscan	rgb(255, 211, 170)	hsl(29, 100%, 83%)
Hint of Mint	rgb(223, 239, 209)	hsl(92, 48%, 88%)

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

/* Wintermint to Hint of Mint — https://swatchly.xyz/palette/95d1ba-f9bab5-e5cdf0-ffd3aa-dfefd1 */
:root {
  --wintermint: #95d1ba;
  --young-salmon: #f9bab5;
  --bubblegum-crisis: #e5cdf0;
  --tuscan: #ffd3aa;
  --hint-of-mint: #dfefd1;
}

Tailwind CSS v4

/* Wintermint to Hint of Mint — https://swatchly.xyz/palette/95d1ba-f9bab5-e5cdf0-ffd3aa-dfefd1 */
@theme {
  --color-wintermint: #95d1ba;
  --color-wintermint-50: #defef1;
  --color-wintermint-100: #d1f6e7;
  --color-wintermint-200: #b8e4d2;
  --color-wintermint-300: #95d1ba;
  --color-wintermint-400: #78b09b;
  --color-wintermint-500: #5a957f;
  --color-wintermint-600: #407965;
  --color-wintermint-700: #2c614f;
  --color-wintermint-800: #1d4d3d;
  --color-wintermint-900: #123b2e;
  --color-wintermint-950: #07251c;
  --color-young-salmon: #f9bab5;
  --color-young-salmon-50: #ffe7e5;
  --color-young-salmon-100: #ffd7d3;
  --color-young-salmon-200: #f9bab5;
  --color-young-salmon-300: #dfa8a3;
  --color-young-salmon-400: #c38985;
  --color-young-salmon-500: #a9706b;
  --color-young-salmon-600: #8d5854;
  --color-young-salmon-700: #754441;
  --color-young-salmon-800: #5f3532;
  --color-young-salmon-900: #4b2725;
  --color-young-salmon-950: #311715;
  --color-bubblegum-crisis: #e5cdf0;
  --color-bubblegum-crisis-50: #faf1ff;
  --color-bubblegum-crisis-100: #f4e5fb;
  --color-bubblegum-crisis-200: #e5cdf0;
  --color-bubblegum-crisis-300: #ccb8d5;
  --color-bubblegum-crisis-400: #ae98b8;
  --color-bubblegum-crisis-500: #937c9d;
  --color-bubblegum-crisis-600: #786381;
  --color-bubblegum-crisis-700: #604d68;
  --color-bubblegum-crisis-800: #4c3b53;
  --color-bubblegum-crisis-900: #3b2d41;
  --color-bubblegum-crisis-950: #251b29;
  --color-tuscan: #ffd3aa;
  --color-tuscan-50: #fff7ef;
  --color-tuscan-100: #ffebda;
  --color-tuscan-200: #ffd3aa;
  --color-tuscan-300: #e1bd9c;
  --color-tuscan-400: #c49c77;
  --color-tuscan-500: #a77f59;
  --color-tuscan-600: #8a643f;
  --color-tuscan-700: #704e2b;
  --color-tuscan-800: #593b1d;
  --color-tuscan-900: #462d12;
  --color-tuscan-950: #2d1b08;
  --color-hint-of-mint: #dfefd1;
  --color-hint-of-mint-50: #edf7e6;
  --color-hint-of-mint-100: #dfefd1;
  --color-hint-of-mint-200: #cedac4;
  --color-hint-of-mint-300: #b7c5ac;
  --color-hint-of-mint-400: #98a68b;
  --color-hint-of-mint-500: #7d8b70;
  --color-hint-of-mint-600: #637157;
  --color-hint-of-mint-700: #4e5a43;
  --color-hint-of-mint-800: #3c4632;
  --color-hint-of-mint-900: #2d3625;
  --color-hint-of-mint-950: #1b2215;
}