Pink Parfait to Italian Roast color palette

FFDCD5Pink Parfait FF5DA2Fuchsia Fever B46900Indocile Tiger 731D4BHer Fierceness 240C0BItalian Roast

Open in generator Export PNG, PDF, ASE…

About this palette

Pink Parfait to Italian Roast is a 5-color warm, gradient palette: #FFDCD5 (Pink Parfait), #FF5DA2 (Fuchsia Fever), #B46900 (Indocile Tiger), #731D4B (Her Fierceness), #240C0B (Italian Roast). It mixes pink, orange, red, black tones and feels warm overall. The strongest text pairing is #FFDCD5 on #240C0B with a contrast ratio of 14.53:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Pink Parfait	rgb(255, 220, 213)	hsl(10, 100%, 92%)
Fuchsia Fever	rgb(255, 93, 162)	hsl(334, 100%, 68%)
Indocile Tiger	rgb(180, 105, 0)	hsl(35, 100%, 35%)
Her Fierceness	rgb(115, 29, 75)	hsl(328, 60%, 28%)
Italian Roast	rgb(36, 12, 11)	hsl(2, 53%, 9%)

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.

Aa14.53:1 Super#FFDCD5 on #240C0B
Aa14.53:1 Super#240C0B on #FFDCD5
Aa8.20:1 Very good#FFDCD5 on #731D4B
Aa8.20:1 Very good#731D4B on #FFDCD5
Aa6.48:1 Good#FF5DA2 on #240C0B
Aa6.48:1 Good#240C0B on #FF5DA2
Aa4.38:1 Poor#B46900 on #240C0B
Aa4.38:1 Poor#240C0B on #B46900

Color blindness preview

CSS variables

/* Pink Parfait to Italian Roast — https://swatchly.xyz/palette/ffdcd5-ff5da2-b46900-731d4b-240c0b */
:root {
  --pink-parfait: #ffdcd5;
  --fuchsia-fever: #ff5da2;
  --indocile-tiger: #b46900;
  --her-fierceness: #731d4b;
  --italian-roast: #240c0b;
}

Tailwind CSS v4

/* Pink Parfait to Italian Roast — https://swatchly.xyz/palette/ffdcd5-ff5da2-b46900-731d4b-240c0b */
@theme {
  --color-pink-parfait: #ffdcd5;
  --color-pink-parfait-50: #ffebe7;
  --color-pink-parfait-100: #ffdcd5;
  --color-pink-parfait-200: #e6ccc6;
  --color-pink-parfait-300: #d3b5af;
  --color-pink-parfait-400: #b69690;
  --color-pink-parfait-500: #9b7c76;
  --color-pink-parfait-600: #80635d;
  --color-pink-parfait-700: #684e49;
  --color-pink-parfait-800: #533c37;
  --color-pink-parfait-900: #412d2a;
  --color-pink-parfait-950: #291b19;
  --color-fuchsia-fever: #ff5da2;
  --color-fuchsia-fever-50: #fff1f5;
  --color-fuchsia-fever-100: #ffe2eb;
  --color-fuchsia-fever-200: #ffc4d7;
  --color-fuchsia-fever-300: #ff9fc1;
  --color-fuchsia-fever-400: #ff5da2;
  --color-fuchsia-fever-500: #de3e87;
  --color-fuchsia-fever-600: #bd1a6c;
  --color-fuchsia-fever-700: #9b0056;
  --color-fuchsia-fever-800: #7b0043;
  --color-fuchsia-fever-900: #610033;
  --color-fuchsia-fever-950: #400020;
  --color-indocile-tiger: #b46900;
  --color-indocile-tiger-50: #fff1e4;
  --color-indocile-tiger-100: #ffe2c9;
  --color-indocile-tiger-200: #ffc692;
  --color-indocile-tiger-300: #f0aa66;
  --color-indocile-tiger-400: #d28737;
  --color-indocile-tiger-500: #b46900;
  --color-indocile-tiger-600: #925400;
  --color-indocile-tiger-700: #754200;
  --color-indocile-tiger-800: #5c3300;
  --color-indocile-tiger-900: #492700;
  --color-indocile-tiger-950: #2f1700;
  --color-her-fierceness: #731d4b;
  --color-her-fierceness-50: #fff1f6;
  --color-her-fierceness-100: #ffe2ee;
  --color-her-fierceness-200: #ffc4dd;
  --color-her-fierceness-300: #f8a4c9;
  --color-her-fierceness-400: #dc81aa;
  --color-her-fierceness-500: #c0648f;
  --color-her-fierceness-600: #a24a75;
  --color-her-fierceness-700: #86365e;
  --color-her-fierceness-800: #731d4b;
  --color-her-fierceness-900: #571a39;
  --color-her-fierceness-950: #390d24;
  --color-italian-roast: #240c0b;
  --color-italian-roast-50: #fff2f0;
  --color-italian-roast-100: #fce5e3;
  --color-italian-roast-200: #ebd0ce;
  --color-italian-roast-300: #d7b9b6;
  --color-italian-roast-400: #b99896;
  --color-italian-roast-500: #9b7b78;
  --color-italian-roast-600: #7d5f5c;
  --color-italian-roast-700: #624745;
  --color-italian-roast-800: #4a3432;
  --color-italian-roast-900: #352422;
  --color-italian-roast-950: #240c0b;
}