Violet Vamp to Cotton Clouds Color Palette

About this palette

Violet Vamp to Cotton Clouds is a 4-color pastel, light, warm palette: #DEAECE (Violet Vamp), #E5E5C4 (Frost), #FFDDF0 (Strawberry Cheesecake), #C2DFF4 (Cotton Clouds). It mixes pink, yellow, blue tones and feels warm overall. The strongest text pairing is #DEAECE on #FFDDF0 with a contrast ratio of 1.52:1, and 0 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Violet Vamp	rgb(222, 174, 206)	hsl(320, 42%, 78%)
Frost	rgb(229, 229, 196)	hsl(60, 39%, 83%)
Strawberry Cheesecake	rgb(255, 221, 240)	hsl(326, 100%, 93%)
Cotton Clouds	rgb(194, 223, 244)	hsl(205, 69%, 86%)

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

/* Violet Vamp to Cotton Clouds — https://swatchly.xyz/palette/deaece-e5e5c4-ffddf0-c2dff4 */
:root {
  --violet-vamp: #deaece;
  --frost: #e5e5c4;
  --strawberry-cheesecake: #ffddf0;
  --cotton-clouds: #c2dff4;
}

Tailwind CSS v4

/* Violet Vamp to Cotton Clouds — https://swatchly.xyz/palette/deaece-e5e5c4-ffddf0-c2dff4 */
@theme {
  --color-violet-vamp: #deaece;
  --color-violet-vamp-50: #ffeff9;
  --color-violet-vamp-100: #ffdff4;
  --color-violet-vamp-200: #eec9e1;
  --color-violet-vamp-300: #deaece;
  --color-violet-vamp-400: #bd90ae;
  --color-violet-vamp-500: #a17593;
  --color-violet-vamp-600: #855b78;
  --color-violet-vamp-700: #6c4661;
  --color-violet-vamp-800: #57364c;
  --color-violet-vamp-900: #44283c;
  --color-violet-vamp-950: #2c1726;
  --color-frost: #e5e5c4;
  --color-frost-50: #efefdc;
  --color-frost-100: #e5e5c4;
  --color-frost-200: #d2d2b9;
  --color-frost-300: #bdbda1;
  --color-frost-400: #a0a082;
  --color-frost-500: #868667;
  --color-frost-600: #6d6d50;
  --color-frost-700: #57573d;
  --color-frost-800: #44442d;
  --color-frost-900: #343421;
  --color-frost-950: #202012;
  --color-strawberry-cheesecake: #ffddf0;
  --color-strawberry-cheesecake-50: #ffedf7;
  --color-strawberry-cheesecake-100: #ffddf0;
  --color-strawberry-cheesecake-200: #e6cddb;
  --color-strawberry-cheesecake-300: #d2b6c5;
  --color-strawberry-cheesecake-400: #b496a7;
  --color-strawberry-cheesecake-500: #997b8c;
  --color-strawberry-cheesecake-600: #7e6172;
  --color-strawberry-cheesecake-700: #664c5b;
  --color-strawberry-cheesecake-800: #513a48;
  --color-strawberry-cheesecake-900: #3f2c37;
  --color-strawberry-cheesecake-950: #281a22;
  --color-cotton-clouds: #c2dff4;
  --color-cotton-clouds-50: #f0f9ff;
  --color-cotton-clouds-100: #dff1fd;
  --color-cotton-clouds-200: #c2dff4;
  --color-cotton-clouds-300: #afc7d8;
  --color-cotton-clouds-400: #8da7ba;
  --color-cotton-clouds-500: #718c9f;
  --color-cotton-clouds-600: #577083;
  --color-cotton-clouds-700: #425969;
  --color-cotton-clouds-800: #314553;
  --color-cotton-clouds-900: #243541;
  --color-cotton-clouds-950: #14212a;
}