Powder Puff to Pick Your Brain color palette

FFF0F3Powder Puff 774F54Veil of Cinder A1707ENever Forget 432428Castro ED92A4Pick Your Brain

About this palette

Powder Puff to Pick Your Brain is a 5-color muted, warm, vintage, monochromatic palette: #FFF0F3 (Powder Puff), #774F54 (Veil of Cinder), #A1707E (Never Forget), #432428 (Castro), #ED92A4 (Pick Your Brain). It mixes white, red, brown, pink tones and feels warm overall. The strongest text pairing is #FFF0F3 on #432428 with a contrast ratio of 12.49:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Powder Puff	rgb(255, 240, 243)	hsl(348, 100%, 97%)
Veil of Cinder	rgb(119, 79, 84)	hsl(352, 20%, 39%)
Never Forget	rgb(161, 112, 126)	hsl(343, 21%, 54%)
Castro	rgb(67, 36, 40)	hsl(352, 30%, 20%)
Pick Your Brain	rgb(237, 146, 164)	hsl(348, 72%, 75%)

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.

Aa12.49:1 Super#FFF0F3 on #432428
Aa12.49:1 Super#432428 on #FFF0F3
Aa6.27:1 Good#FFF0F3 on #774F54
Aa6.27:1 Good#774F54 on #FFF0F3
Aa6.08:1 Good#432428 on #ED92A4
Aa6.08:1 Good#ED92A4 on #432428
Aa3.70:1 Poor#FFF0F3 on #A1707E
Aa3.70:1 Poor#A1707E on #FFF0F3

Color blindness preview

CSS variables

/* Powder Puff to Pick Your Brain — https://swatchly.xyz/palette/fff0f3-774f54-a1707e-432428-ed92a4 */
:root {
  --powder-puff: #fff0f3;
  --veil-of-cinder: #774f54;
  --never-forget: #a1707e;
  --castro: #432428;
  --pick-your-brain: #ed92a4;
}

Tailwind CSS v4

/* Powder Puff to Pick Your Brain — https://swatchly.xyz/palette/fff0f3-774f54-a1707e-432428-ed92a4 */
@theme {
  --color-powder-puff: #fff0f3;
  --color-powder-puff-50: #fff0f3;
  --color-powder-puff-100: #f1e8ea;
  --color-powder-puff-200: #dfd4d6;
  --color-powder-puff-300: #c9bdbf;
  --color-powder-puff-400: #ab9da0;
  --color-powder-puff-500: #8f8285;
  --color-powder-puff-600: #75686b;
  --color-powder-puff-700: #5d5254;
  --color-powder-puff-800: #493f41;
  --color-powder-puff-900: #393032;
  --color-powder-puff-950: #231d1f;
  --color-veil-of-cinder: #774f54;
  --color-veil-of-cinder-50: #fff1f2;
  --color-veil-of-cinder-100: #ffe3e6;
  --color-veil-of-cinder-200: #f2cfd2;
  --color-veil-of-cinder-300: #dfb8bc;
  --color-veil-of-cinder-400: #c3989d;
  --color-veil-of-cinder-500: #a97e83;
  --color-veil-of-cinder-600: #8e6569;
  --color-veil-of-cinder-700: #774f54;
  --color-veil-of-cinder-800: #5e3d41;
  --color-veil-of-cinder-900: #4a2e31;
  --color-veil-of-cinder-950: #301b1e;
  --color-never-forget: #a1707e;
  --color-never-forget-50: #ffeff3;
  --color-never-forget-100: #ffdfe8;
  --color-never-forget-200: #f1c7d2;
  --color-never-forget-300: #ddaebb;
  --color-never-forget-400: #be8c9a;
  --color-never-forget-500: #a1707e;
  --color-never-forget-600: #855865;
  --color-never-forget-700: #6d4450;
  --color-never-forget-800: #57333e;
  --color-never-forget-900: #452730;
  --color-never-forget-950: #2d171e;
  --color-castro: #432428;
  --color-castro-50: #fff1f2;
  --color-castro-100: #fee4e6;
  --color-castro-200: #eecfd1;
  --color-castro-300: #dab7ba;
  --color-castro-400: #bb9599;
  --color-castro-500: #9f797d;
  --color-castro-600: #825e62;
  --color-castro-700: #68484c;
  --color-castro-800: #513639;
  --color-castro-900: #432428;
  --color-castro-950: #261719;
  --color-pick-your-brain: #ed92a4;
  --color-pick-your-brain-50: #fff9fa;
  --color-pick-your-brain-100: #ffeef1;
  --color-pick-your-brain-200: #ffd6dc;
  --color-pick-your-brain-300: #ffb7c4;
  --color-pick-your-brain-400: #ed92a4;
  --color-pick-your-brain-500: #cb7486;
  --color-pick-your-brain-600: #ab576a;
  --color-pick-your-brain-700: #8c3f51;
  --color-pick-your-brain-800: #702d3d;
  --color-pick-your-brain-900: #571f2d;
  --color-pick-your-brain-950: #37101a;
}