Prom Corsage to Powder Puff Color Palette

About this palette

Prom Corsage to Powder Puff is a 4-color pastel, light, cool palette: #DFC3EB (Prom Corsage), #8FDEC7 (Opulent Turquoise), #CCDDFF (Icy Plains), #FFF2F7 (Powder Puff). It mixes purple, turquoise, blue, white tones and feels cool overall. The strongest text pairing is #DFC3EB on #FFF2F7 with a contrast ratio of 1.47:1, and 0 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Prom Corsage	rgb(223, 195, 235)	hsl(282, 50%, 84%)
Opulent Turquoise	rgb(143, 222, 199)	hsl(163, 54%, 72%)
Icy Plains	rgb(204, 221, 255)	hsl(220, 100%, 90%)
Powder Puff	rgb(255, 242, 247)	hsl(337, 100%, 97%)

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

/* Prom Corsage to Powder Puff — https://swatchly.xyz/palette/dfc3eb-8fdec7-ccddff-fff2f7 */
:root {
  --prom-corsage: #dfc3eb;
  --opulent-turquoise: #8fdec7;
  --icy-plains: #ccddff;
  --powder-puff: #fff2f7;
}

Tailwind CSS v4

/* Prom Corsage to Powder Puff — https://swatchly.xyz/palette/dfc3eb-8fdec7-ccddff-fff2f7 */
@theme {
  --color-prom-corsage: #dfc3eb;
  --color-prom-corsage-50: #f8e9ff;
  --color-prom-corsage-100: #efdcf7;
  --color-prom-corsage-200: #dfc3eb;
  --color-prom-corsage-300: #c8b0d2;
  --color-prom-corsage-400: #ab91b6;
  --color-prom-corsage-500: #91779c;
  --color-prom-corsage-600: #775f81;
  --color-prom-corsage-700: #604a6a;
  --color-prom-corsage-800: #4d3a55;
  --color-prom-corsage-900: #3c2b43;
  --color-prom-corsage-950: #261a2b;
  --color-opulent-turquoise: #8fdec7;
  --color-opulent-turquoise-50: #effff9;
  --color-opulent-turquoise-100: #d2fef0;
  --color-opulent-turquoise-200: #b9eedd;
  --color-opulent-turquoise-300: #8fdec7;
  --color-opulent-turquoise-400: #72bba6;
  --color-opulent-turquoise-500: #509e89;
  --color-opulent-turquoise-600: #31806d;
  --color-opulent-turquoise-700: #186755;
  --color-opulent-turquoise-800: #045041;
  --color-opulent-turquoise-900: #003d30;
  --color-opulent-turquoise-950: #00261d;
  --color-icy-plains: #ccddff;
  --color-icy-plains-50: #f5f9ff;
  --color-icy-plains-100: #e8f0ff;
  --color-icy-plains-200: #ccddff;
  --color-icy-plains-300: #b7c5e1;
  --color-icy-plains-400: #96a5c4;
  --color-icy-plains-500: #7989a8;
  --color-icy-plains-600: #5f6d8b;
  --color-icy-plains-700: #495670;
  --color-icy-plains-800: #374259;
  --color-icy-plains-900: #293346;
  --color-icy-plains-950: #181f2d;
  --color-powder-puff: #fff2f7;
  --color-powder-puff-50: #fff2f7;
  --color-powder-puff-100: #f1e9ec;
  --color-powder-puff-200: #ded5d9;
  --color-powder-puff-300: #c9bec2;
  --color-powder-puff-400: #aa9ea3;
  --color-powder-puff-500: #8e8387;
  --color-powder-puff-600: #73686d;
  --color-powder-puff-700: #5c5256;
  --color-powder-puff-800: #484043;
  --color-powder-puff-900: #383133;
  --color-powder-puff-950: #231e20;
}