Powder Puff to Aqua Fiesta Color Palette

About this palette

Powder Puff to Aqua Fiesta is a 4-color pastel, light palette: #FFF0F6 (Powder Puff), #D4DDFF (Icy Plains), #FFD0CC (Girlie), #9BDDDE (Aqua Fiesta). It mixes white, blue, pink, turquoise tones and feels cool overall. The strongest text pairing is #FFF0F6 on #9BDDDE with a contrast ratio of 1.38:1, and 0 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Powder Puff	rgb(255, 240, 246)	hsl(336, 100%, 97%)
Icy Plains	rgb(212, 221, 255)	hsl(227, 100%, 92%)
Girlie	rgb(255, 208, 204)	hsl(5, 100%, 90%)
Aqua Fiesta	rgb(155, 221, 222)	hsl(181, 50%, 74%)

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

/* Powder Puff to Aqua Fiesta — https://swatchly.xyz/palette/fff0f6-d4ddff-ffd0cc-9bddde */
:root {
  --powder-puff: #fff0f6;
  --icy-plains: #d4ddff;
  --girlie: #ffd0cc;
  --aqua-fiesta: #9bddde;
}

Tailwind CSS v4

/* Powder Puff to Aqua Fiesta — https://swatchly.xyz/palette/fff0f6-d4ddff-ffd0cc-9bddde */
@theme {
  --color-powder-puff: #fff0f6;
  --color-powder-puff-50: #fff0f6;
  --color-powder-puff-100: #f1e8ec;
  --color-powder-puff-200: #dfd4d8;
  --color-powder-puff-300: #c9bdc2;
  --color-powder-puff-400: #aa9da3;
  --color-powder-puff-500: #8f8287;
  --color-powder-puff-600: #74686d;
  --color-powder-puff-700: #5d5256;
  --color-powder-puff-800: #493f43;
  --color-powder-puff-900: #383034;
  --color-powder-puff-950: #231d20;
  --color-icy-plains: #d4ddff;
  --color-icy-plains-50: #f8faff;
  --color-icy-plains-100: #edf0ff;
  --color-icy-plains-200: #d4ddff;
  --color-icy-plains-300: #bec5e1;
  --color-icy-plains-400: #9da5c3;
  --color-icy-plains-500: #8088a7;
  --color-icy-plains-600: #656c8a;
  --color-icy-plains-700: #4e556f;
  --color-icy-plains-800: #3b4158;
  --color-icy-plains-900: #2d3245;
  --color-icy-plains-950: #1b1e2c;
  --color-girlie: #ffd0cc;
  --color-girlie-50: #fff7f6;
  --color-girlie-100: #ffeae9;
  --color-girlie-200: #ffd0cc;
  --color-girlie-300: #e1bbb8;
  --color-girlie-400: #c39996;
  --color-girlie-500: #a77c79;
  --color-girlie-600: #8a625f;
  --color-girlie-700: #6f4b49;
  --color-girlie-800: #583937;
  --color-girlie-900: #452b29;
  --color-girlie-950: #2c1918;
  --color-aqua-fiesta: #9bddde;
  --color-aqua-fiesta-50: #d2f8f8;
  --color-aqua-fiesta-100: #c3eeee;
  --color-aqua-fiesta-200: #9bddde;
  --color-aqua-fiesta-300: #8dc6c7;
  --color-aqua-fiesta-400: #6aa9aa;
  --color-aqua-fiesta-500: #4e8f90;
  --color-aqua-fiesta-600: #357576;
  --color-aqua-fiesta-700: #225e60;
  --color-aqua-fiesta-800: #144b4d;
  --color-aqua-fiesta-900: #0a3a3b;
  --color-aqua-fiesta-950: #032525;
}