Kiss a Frog to Snowy Mint Color Palette

About this palette

Kiss a Frog to Snowy Mint is a 5-color pastel, light, cool palette: #CAC189 (Kiss a Frog), #C8DBFF (Icy Plains), #BCDDCF (Jade Sea), #F2EAFF (Perfume Haze), #DCF1CF (Snowy Mint). It mixes yellow, blue, turquoise, white, green tones and feels cool overall. The strongest text pairing is #CAC189 on #F2EAFF with a contrast ratio of 1.56:1, and 0 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Kiss a Frog	rgb(202, 193, 137)	hsl(52, 38%, 66%)
Icy Plains	rgb(200, 219, 255)	hsl(219, 100%, 89%)
Jade Sea	rgb(188, 221, 207)	hsl(155, 33%, 80%)
Perfume Haze	rgb(242, 234, 255)	hsl(263, 100%, 96%)
Snowy Mint	rgb(220, 241, 207)	hsl(97, 55%, 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

/* Kiss a Frog to Snowy Mint — https://swatchly.xyz/palette/cac189-c8dbff-bcddcf-f2eaff-dcf1cf */
:root {
  --kiss-a-frog: #cac189;
  --icy-plains: #c8dbff;
  --jade-sea: #bcddcf;
  --perfume-haze: #f2eaff;
  --snowy-mint: #dcf1cf;
}

Tailwind CSS v4

/* Kiss a Frog to Snowy Mint — https://swatchly.xyz/palette/cac189-c8dbff-bcddcf-f2eaff-dcf1cf */
@theme {
  --color-kiss-a-frog: #cac189;
  --color-kiss-a-frog-50: #faf6d6;
  --color-kiss-a-frog-100: #f1ebc8;
  --color-kiss-a-frog-200: #ded8ae;
  --color-kiss-a-frog-300: #cac189;
  --color-kiss-a-frog-400: #aaa26d;
  --color-kiss-a-frog-500: #8f8650;
  --color-kiss-a-frog-600: #756c38;
  --color-kiss-a-frog-700: #5e5625;
  --color-kiss-a-frog-800: #4a4317;
  --color-kiss-a-frog-900: #39330e;
  --color-kiss-a-frog-950: #242005;
  --color-icy-plains: #c8dbff;
  --color-icy-plains-50: #f3f7ff;
  --color-icy-plains-100: #e5eeff;
  --color-icy-plains-200: #c8dbff;
  --color-icy-plains-300: #b4c4e2;
  --color-icy-plains-400: #93a4c4;
  --color-icy-plains-500: #7788a9;
  --color-icy-plains-600: #5d6d8c;
  --color-icy-plains-700: #475672;
  --color-icy-plains-800: #36425b;
  --color-icy-plains-900: #283347;
  --color-icy-plains-950: #181f2e;
  --color-jade-sea: #bcddcf;
  --color-jade-sea-50: #e5f8f0;
  --color-jade-sea-100: #d9eee5;
  --color-jade-sea-200: #bcddcf;
  --color-jade-sea-300: #aac6ba;
  --color-jade-sea-400: #89a79b;
  --color-jade-sea-500: #6e8d80;
  --color-jade-sea-600: #557266;
  --color-jade-sea-700: #415c51;
  --color-jade-sea-800: #31483f;
  --color-jade-sea-900: #243830;
  --color-jade-sea-950: #14231d;
  --color-perfume-haze: #f2eaff;
  --color-perfume-haze-50: #f9f6ff;
  --color-perfume-haze-100: #f2eaff;
  --color-perfume-haze-200: #ddd7e6;
  --color-perfume-haze-300: #c6bfd0;
  --color-perfume-haze-400: #a69fb2;
  --color-perfume-haze-500: #8a8396;
  --color-perfume-haze-600: #6f687a;
  --color-perfume-haze-700: #585262;
  --color-perfume-haze-800: #453f4d;
  --color-perfume-haze-900: #35303c;
  --color-perfume-haze-950: #211d26;
  --color-snowy-mint: #dcf1cf;
  --color-snowy-mint-50: #ecf8e5;
  --color-snowy-mint-100: #dcf1cf;
  --color-snowy-mint-200: #ccdcc3;
  --color-snowy-mint-300: #b5c6aa;
  --color-snowy-mint-400: #95a889;
  --color-snowy-mint-500: #7a8c6e;
  --color-snowy-mint-600: #607255;
  --color-snowy-mint-700: #4b5b40;
  --color-snowy-mint-800: #394730;
  --color-snowy-mint-900: #2b3723;
  --color-snowy-mint-950: #1a2214;
}