Chewing Gum to Pink Swirl Color Palette

About this palette

Chewing Gum to Pink Swirl is a 5-color pastel, light palette: #E3B0B1 (Chewing Gum), #FFC9D7 (Icy Pink), #CFE0FF (Icy Plains), #E1F1B0 (Sour), #FFECE7 (Pink Swirl). It mixes pink, blue, green, white tones and feels balanced overall. The strongest text pairing is #E3B0B1 on #FFECE7 with a contrast ratio of 1.66:1, and 0 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Chewing Gum	rgb(227, 176, 177)	hsl(359, 48%, 79%)
Icy Pink	rgb(255, 201, 215)	hsl(344, 100%, 89%)
Icy Plains	rgb(207, 224, 255)	hsl(219, 100%, 91%)
Sour	rgb(225, 241, 176)	hsl(75, 70%, 82%)
Pink Swirl	rgb(255, 236, 231)	hsl(13, 100%, 95%)

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

/* Chewing Gum to Pink Swirl — https://swatchly.xyz/palette/e3b0b1-ffc9d7-cfe0ff-e1f1b0-ffece7 */
:root {
  --chewing-gum: #e3b0b1;
  --icy-pink: #ffc9d7;
  --icy-plains: #cfe0ff;
  --sour: #e1f1b0;
  --pink-swirl: #ffece7;
}

Tailwind CSS v4

/* Chewing Gum to Pink Swirl — https://swatchly.xyz/palette/e3b0b1-ffc9d7-cfe0ff-e1f1b0-ffece7 */
@theme {
  --color-chewing-gum: #e3b0b1;
  --color-chewing-gum-50: #fff0f0;
  --color-chewing-gum-100: #ffe2e2;
  --color-chewing-gum-200: #f2cbcb;
  --color-chewing-gum-300: #e3b0b1;
  --color-chewing-gum-400: #c19293;
  --color-chewing-gum-500: #a67778;
  --color-chewing-gum-600: #8a5d5f;
  --color-chewing-gum-700: #70484a;
  --color-chewing-gum-800: #5a3738;
  --color-chewing-gum-900: #47292b;
  --color-chewing-gum-950: #2e1819;
  --color-icy-pink: #ffc9d7;
  --color-icy-pink-50: #fff3f6;
  --color-icy-pink-100: #ffe6ec;
  --color-icy-pink-200: #ffc9d7;
  --color-icy-pink-300: #e2b5c0;
  --color-icy-pink-400: #c494a0;
  --color-icy-pink-500: #a87785;
  --color-icy-pink-600: #8b5d6a;
  --color-icy-pink-700: #714853;
  --color-icy-pink-800: #5a3640;
  --color-icy-pink-900: #472831;
  --color-icy-pink-950: #2d181e;
  --color-icy-plains: #cfe0ff;
  --color-icy-plains-50: #f8faff;
  --color-icy-plains-100: #ebf2ff;
  --color-icy-plains-200: #cfe0ff;
  --color-icy-plains-300: #bac8e1;
  --color-icy-plains-400: #98a7c3;
  --color-icy-plains-500: #7b8aa6;
  --color-icy-plains-600: #606e89;
  --color-icy-plains-700: #49576f;
  --color-icy-plains-800: #374357;
  --color-icy-plains-900: #293345;
  --color-icy-plains-950: #181f2c;
  --color-sour: #e1f1b0;
  --color-sour-50: #eef8d4;
  --color-sour-100: #e1f1b0;
  --color-sour-200: #d0dcac;
  --color-sour-300: #b9c690;
  --color-sour-400: #9aa86c;
  --color-sour-500: #7f8d50;
  --color-sour-600: #667237;
  --color-sour-700: #505b24;
  --color-sour-800: #3e4816;
  --color-sour-900: #2f370d;
  --color-sour-950: #1d2205;
  --color-pink-swirl: #ffece7;
  --color-pink-swirl-50: #ffece7;
  --color-pink-swirl-100: #f1e4e1;
  --color-pink-swirl-200: #dfd1cd;
  --color-pink-swirl-300: #cbbbb7;
  --color-pink-swirl-400: #ad9c97;
  --color-pink-swirl-500: #92817d;
  --color-pink-swirl-600: #786863;
  --color-pink-swirl-700: #60524e;
  --color-pink-swirl-800: #4c3f3c;
  --color-pink-swirl-900: #3b302d;
  --color-pink-swirl-950: #251d1b;
}