Start generating

Menthol Kiss to Whisky Barrel color palette

A0E1D6Menthol Kiss6AAAA8Turquoise FantasiesC7B9DDViking Diva877AA5Aster67420EVery Coffee907557Whisky Barrel
Open in generator Export PNG, PDF, ASE…

About this palette

Menthol Kiss to Whisky Barrel is a 6-color cool palette: #A0E1D6 (Menthol Kiss), #6AAAA8 (Turquoise Fantasies), #C7B9DD (Viking Diva), #877AA5 (Aster), #67420E (Very Coffee), #907557 (Whisky Barrel). It mixes turquoise, purple, brown, orange tones and feels cool overall. The strongest text pairing is #A0E1D6 on #67420E with a contrast ratio of 6.03:1, and 2 of its 15 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Menthol Kissrgb(160, 225, 214)hsl(170, 52%, 75%)
Turquoise Fantasiesrgb(106, 170, 168)hsl(178, 27%, 54%)
Viking Divargb(199, 185, 221)hsl(263, 35%, 80%)
Asterrgb(135, 122, 165)hsl(258, 19%, 56%)
Very Coffeergb(103, 66, 14)hsl(35, 76%, 23%)
Whisky Barrelrgb(144, 117, 87)hsl(32, 25%, 45%)

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.03:1 Good#A0E1D6 on #67420E
  • Aa6.03:1 Good#67420E on #A0E1D6
  • Aa4.83:1 Good#C7B9DD on #67420E
  • Aa4.83:1 Good#67420E on #C7B9DD
  • Aa3.36:1 Poor#6AAAA8 on #67420E
  • Aa3.36:1 Poor#67420E on #6AAAA8

Color blindness preview

  • Protanopia
  • Deuteranopia
  • Tritanopia
  • Achromatopsia
  • Dog vision

CSS variables

/* Menthol Kiss to Whisky Barrel — https://swatchly.xyz/palette/a0e1d6-6aaaa8-c7b9dd-877aa5-67420e-907557 */
:root {
  --menthol-kiss: #a0e1d6;
  --turquoise-fantasies: #6aaaa8;
  --viking-diva: #c7b9dd;
  --aster: #877aa5;
  --very-coffee: #67420e;
  --whisky-barrel: #907557;
}

Tailwind CSS v4

/* Menthol Kiss to Whisky Barrel — https://swatchly.xyz/palette/a0e1d6-6aaaa8-c7b9dd-877aa5-67420e-907557 */
@theme {
  --color-menthol-kiss: #a0e1d6;
  --color-menthol-kiss-50: #d6faf4;
  --color-menthol-kiss-100: #c7f1e9;
  --color-menthol-kiss-200: #a0e1d6;
  --color-menthol-kiss-300: #92c9c0;
  --color-menthol-kiss-400: #6eaca2;
  --color-menthol-kiss-500: #529187;
  --color-menthol-kiss-600: #39776e;
  --color-menthol-kiss-700: #256058;
  --color-menthol-kiss-800: #174c45;
  --color-menthol-kiss-900: #0d3b35;
  --color-menthol-kiss-950: #042521;
  --color-turquoise-fantasies: #6aaaa8;
  --color-turquoise-fantasies-50: #d8fcfa;
  --color-turquoise-fantasies-100: #caf2f0;
  --color-turquoise-fantasies-200: #afdfdd;
  --color-turquoise-fantasies-300: #92c9c7;
  --color-turquoise-fantasies-400: #6aaaa8;
  --color-turquoise-fantasies-500: #4f8f8d;
  --color-turquoise-fantasies-600: #367573;
  --color-turquoise-fantasies-700: #235e5c;
  --color-turquoise-fantasies-800: #154a49;
  --color-turquoise-fantasies-900: #0b3a39;
  --color-turquoise-fantasies-950: #042524;
  --color-viking-diva: #c7b9dd;
  --color-viking-diva-50: #f7f2ff;
  --color-viking-diva-100: #efe6fd;
  --color-viking-diva-200: #dcd2ed;
  --color-viking-diva-300: #c7b9dd;
  --color-viking-diva-400: #a79abc;
  --color-viking-diva-500: #8c7fa0;
  --color-viking-diva-600: #716585;
  --color-viking-diva-700: #5a4f6c;
  --color-viking-diva-800: #473d56;
  --color-viking-diva-900: #372e43;
  --color-viking-diva-950: #221c2b;
  --color-aster: #877aa5;
  --color-aster-50: #f6f2ff;
  --color-aster-100: #ece5ff;
  --color-aster-200: #d9cff2;
  --color-aster-300: #c2b7df;
  --color-aster-400: #a396c1;
  --color-aster-500: #877aa5;
  --color-aster-600: #6d6189;
  --color-aster-700: #574c70;
  --color-aster-800: #443a5a;
  --color-aster-900: #352c47;
  --color-aster-950: #211b2e;
  --color-very-coffee: #67420e;
  --color-very-coffee-50: #fff3e6;
  --color-very-coffee-100: #ffe7cc;
  --color-very-coffee-200: #f2d1ad;
  --color-very-coffee-300: #e0bb92;
  --color-very-coffee-400: #c59d6f;
  --color-very-coffee-500: #ab8253;
  --color-very-coffee-600: #91693a;
  --color-very-coffee-700: #795428;
  --color-very-coffee-800: #67420e;
  --color-very-coffee-900: #4f330e;
  --color-very-coffee-950: #341f04;
  --color-whisky-barrel: #907557;
  --color-whisky-barrel-50: #fff0e1;
  --color-whisky-barrel-100: #f7e3ce;
  --color-whisky-barrel-200: #e4cdb4;
  --color-whisky-barrel-300: #cdb498;
  --color-whisky-barrel-400: #ad9274;
  --color-whisky-barrel-500: #907557;
  --color-whisky-barrel-600: #765d41;
  --color-whisky-barrel-700: #604930;
  --color-whisky-barrel-800: #4c3923;
  --color-whisky-barrel-900: #3c2c19;
  --color-whisky-barrel-950: #271b0d;
}

Similar palettes