Wintermint to Pale King’s Blue Color Palette

About this palette

Wintermint to Pale King’s Blue is a 4-color pastel, light palette: #91D3C1 (Wintermint), #E8C0C4 (Blush Kiss), #DFDDAE (Virgin Olive Oil), #9CF9F2 (Pale King’s Blue). It mixes turquoise, pink, yellow tones and feels balanced overall. The strongest text pairing is #91D3C1 on #9CF9F2 with a contrast ratio of 1.40:1, and 0 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Wintermint	rgb(145, 211, 193)	hsl(164, 43%, 70%)
Blush Kiss	rgb(232, 192, 196)	hsl(354, 47%, 83%)
Virgin Olive Oil	rgb(223, 221, 174)	hsl(58, 43%, 78%)
Pale King’s Blue	rgb(156, 249, 242)	hsl(175, 89%, 79%)

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 Pale King’s Blue — https://swatchly.xyz/palette/91d3c1-e8c0c4-dfddae-9cf9f2 */
:root {
  --wintermint: #91d3c1;
  --blush-kiss: #e8c0c4;
  --virgin-olive-oil: #dfddae;
  --pale-king-s-blue: #9cf9f2;
}

Tailwind CSS v4

/* Wintermint to Pale King’s Blue — https://swatchly.xyz/palette/91d3c1-e8c0c4-dfddae-9cf9f2 */
@theme {
  --color-wintermint: #91d3c1;
  --color-wintermint-50: #defff5;
  --color-wintermint-100: #d0f7eb;
  --color-wintermint-200: #b6e5d8;
  --color-wintermint-300: #91d3c1;
  --color-wintermint-400: #74b2a1;
  --color-wintermint-500: #559686;
  --color-wintermint-600: #3a7a6b;
  --color-wintermint-700: #266254;
  --color-wintermint-800: #164d41;
  --color-wintermint-900: #0c3c31;
  --color-wintermint-950: #04251e;
  --color-blush-kiss: #e8c0c4;
  --color-blush-kiss-50: #fff9f9;
  --color-blush-kiss-100: #ffeeef;
  --color-blush-kiss-200: #f5d9db;
  --color-blush-kiss-300: #e8c0c4;
  --color-blush-kiss-400: #c4a0a3;
  --color-blush-kiss-500: #a78286;
  --color-blush-kiss-600: #89666a;
  --color-blush-kiss-700: #6e4f52;
  --color-blush-kiss-800: #573b3e;
  --color-blush-kiss-900: #422c2e;
  --color-blush-kiss-950: #2a1a1c;
  --color-virgin-olive-oil: #dfddae;
  --color-virgin-olive-oil-50: #f9f9df;
  --color-virgin-olive-oil-100: #f0efd3;
  --color-virgin-olive-oil-200: #dfddae;
  --color-virgin-olive-oil-300: #c7c59f;
  --color-virgin-olive-oil-400: #a8a67b;
  --color-virgin-olive-oil-500: #8c8a5e;
  --color-virgin-olive-oil-600: #716f45;
  --color-virgin-olive-oil-700: #5a5831;
  --color-virgin-olive-oil-800: #464422;
  --color-virgin-olive-oil-900: #363417;
  --color-virgin-olive-oil-950: #22200b;
  --color-pale-king-s-blue: #9cf9f2;
  --color-pale-king-s-blue-50: #c9fcf8;
  --color-pale-king-s-blue-100: #9cf9f2;
  --color-pale-king-s-blue-200: #9ee2dc;
  --color-pale-king-s-blue-300: #7fcec8;
  --color-pale-king-s-blue-400: #57b0aa;
  --color-pale-king-s-blue-500: #349590;
  --color-pale-king-s-blue-600: #0f7b76;
  --color-pale-king-s-blue-700: #00635f;
  --color-pale-king-s-blue-800: #004d4a;
  --color-pale-king-s-blue-900: #003c39;
  --color-pale-king-s-blue-950: #002523;
}