Kashmir to Grape Fizz Color Palette

About this palette

Kashmir to Grape Fizz is a 6-color vintage palette: #688E6C (Kashmir), #3B6853 (June Ivy), #3A2135 (Castro), #EBC0DC (Starlet Pink), #8EBC9D (Lichen), #674359 (Grape Fizz). It mixes green, purple, pink, red tones and feels balanced overall. The strongest text pairing is #3A2135 on #EBC0DC with a contrast ratio of 9.05:1, and 3 of its 15 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Kashmir	rgb(104, 142, 108)	hsl(126, 15%, 48%)
June Ivy	rgb(59, 104, 83)	hsl(152, 28%, 32%)
Castro	rgb(58, 33, 53)	hsl(312, 27%, 18%)
Starlet Pink	rgb(235, 192, 220)	hsl(321, 52%, 84%)
Lichen	rgb(142, 188, 157)	hsl(140, 26%, 65%)
Grape Fizz	rgb(103, 67, 89)	hsl(323, 21%, 33%)

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.

Aa9.05:1 Very good#3A2135 on #EBC0DC
Aa9.05:1 Very good#EBC0DC on #3A2135
Aa6.78:1 Good#3A2135 on #8EBC9D
Aa6.78:1 Good#8EBC9D on #3A2135
Aa5.19:1 Good#EBC0DC on #674359
Aa5.19:1 Good#674359 on #EBC0DC
Aa3.98:1 Poor#3B6853 on #EBC0DC
Aa3.98:1 Poor#EBC0DC on #3B6853

Color blindness preview

CSS variables

/* Kashmir to Grape Fizz — https://swatchly.xyz/palette/688e6c-3b6853-3a2135-ebc0dc-8ebc9d-674359 */
:root {
  --kashmir: #688e6c;
  --june-ivy: #3b6853;
  --castro: #3a2135;
  --starlet-pink: #ebc0dc;
  --lichen: #8ebc9d;
  --grape-fizz: #674359;
}

Tailwind CSS v4

/* Kashmir to Grape Fizz — https://swatchly.xyz/palette/688e6c-3b6853-3a2135-ebc0dc-8ebc9d-674359 */
@theme {
  --color-kashmir: #688e6c;
  --color-kashmir-50: #e5fce7;
  --color-kashmir-100: #d8f2da;
  --color-kashmir-200: #c1dfc3;
  --color-kashmir-300: #a7c9aa;
  --color-kashmir-400: #84aa88;
  --color-kashmir-500: #688e6c;
  --color-kashmir-600: #4f7453;
  --color-kashmir-700: #3c5d40;
  --color-kashmir-800: #2c4930;
  --color-kashmir-900: #203923;
  --color-kashmir-950: #122414;
  --color-june-ivy: #3b6853;
  --color-june-ivy-50: #e2fdef;
  --color-june-ivy-100: #d6f4e4;
  --color-june-ivy-200: #c0e3d0;
  --color-june-ivy-300: #a7cfba;
  --color-june-ivy-400: #85b29b;
  --color-june-ivy-500: #6a9881;
  --color-june-ivy-600: #517e68;
  --color-june-ivy-700: #3b6853;
  --color-june-ivy-800: #2c5240;
  --color-june-ivy-900: #1f3f30;
  --color-june-ivy-950: #10281d;
  --color-castro: #3a2135;
  --color-castro-50: #fff0fb;
  --color-castro-100: #f9e4f4;
  --color-castro-200: #e8cfe2;
  --color-castro-300: #d3b7cc;
  --color-castro-400: #b395ac;
  --color-castro-500: #96788f;
  --color-castro-600: #795d73;
  --color-castro-700: #5f465a;
  --color-castro-800: #493444;
  --color-castro-900: #3a2135;
  --color-castro-950: #20151e;
  --color-starlet-pink: #ebc0dc;
  --color-starlet-pink-50: #ffe7f6;
  --color-starlet-pink-100: #f7daed;
  --color-starlet-pink-200: #ebc0dc;
  --color-starlet-pink-300: #d2adc5;
  --color-starlet-pink-400: #b68ea8;
  --color-starlet-pink-500: #9b748e;
  --color-starlet-pink-600: #815c75;
  --color-starlet-pink-700: #69485e;
  --color-starlet-pink-800: #55384b;
  --color-starlet-pink-900: #422a3a;
  --color-starlet-pink-950: #2a1925;
  --color-lichen: #8ebc9d;
  --color-lichen-50: #eefff3;
  --color-lichen-100: #e0fae8;
  --color-lichen-200: #caead4;
  --color-lichen-300: #b2d7be;
  --color-lichen-400: #8ebc9d;
  --color-lichen-500: #719d80;
  --color-lichen-600: #548063;
  --color-lichen-700: #3d664c;
  --color-lichen-800: #2c4f39;
  --color-lichen-900: #1e3c29;
  --color-lichen-950: #0f2517;
  --color-grape-fizz: #674359;
  --color-grape-fizz-50: #fff0f9;
  --color-grape-fizz-100: #fee2f2;
  --color-grape-fizz-200: #ecccde;
  --color-grape-fizz-300: #d7b2c8;
  --color-grape-fizz-400: #b991a8;
  --color-grape-fizz-500: #9c758c;
  --color-grape-fizz-600: #7f5a70;
  --color-grape-fizz-700: #674359;
  --color-grape-fizz-800: #503445;
  --color-grape-fizz-900: #3f2736;
  --color-grape-fizz-950: #281721;
}