Black Cherry to Extravagant Blush color palette

2E1B20Black Cherry FFCDD9Light Pink D99EB6Sweet Perfume 843850Pleasure AB5777Extravagant Blush

About this palette

Black Cherry to Extravagant Blush is a 5-color warm, vintage, monochromatic palette: #2E1B20 (Black Cherry), #FFCDD9 (Light Pink), #D99EB6 (Sweet Perfume), #843850 (Pleasure), #AB5777 (Extravagant Blush). It mixes gray, pink, red tones and feels warm overall. The strongest text pairing is #2E1B20 on #FFCDD9 with a contrast ratio of 11.58:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Black Cherry	rgb(46, 27, 32)	hsl(344, 26%, 14%)
Light Pink	rgb(255, 205, 217)	hsl(346, 100%, 90%)
Sweet Perfume	rgb(217, 158, 182)	hsl(336, 44%, 74%)
Pleasure	rgb(132, 56, 80)	hsl(341, 40%, 37%)
Extravagant Blush	rgb(171, 87, 119)	hsl(337, 33%, 51%)

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.

Aa11.58:1 Very good#2E1B20 on #FFCDD9
Aa11.58:1 Very good#FFCDD9 on #2E1B20
Aa7.36:1 Very good#2E1B20 on #D99EB6
Aa7.36:1 Very good#D99EB6 on #2E1B20
Aa5.63:1 Good#FFCDD9 on #843850
Aa5.63:1 Good#843850 on #FFCDD9
Aa3.57:1 Poor#D99EB6 on #843850
Aa3.57:1 Poor#843850 on #D99EB6

Color blindness preview

CSS variables

/* Black Cherry to Extravagant Blush — https://swatchly.xyz/palette/2e1b20-ffcdd9-d99eb6-843850-ab5777 */
:root {
  --black-cherry: #2e1b20;
  --light-pink: #ffcdd9;
  --sweet-perfume: #d99eb6;
  --pleasure: #843850;
  --extravagant-blush: #ab5777;
}

Tailwind CSS v4

/* Black Cherry to Extravagant Blush — https://swatchly.xyz/palette/2e1b20-ffcdd9-d99eb6-843850-ab5777 */
@theme {
  --color-black-cherry: #2e1b20;
  --color-black-cherry-50: #fff1f4;
  --color-black-cherry-100: #f7e6ea;
  --color-black-cherry-200: #e6d2d6;
  --color-black-cherry-300: #d1babf;
  --color-black-cherry-400: #b39aa0;
  --color-black-cherry-500: #987f85;
  --color-black-cherry-600: #7d666b;
  --color-black-cherry-700: #655055;
  --color-black-cherry-800: #513e43;
  --color-black-cherry-900: #3f3034;
  --color-black-cherry-950: #2e1b20;
  --color-light-pink: #ffcdd9;
  --color-light-pink-50: #fff6f8;
  --color-light-pink-100: #ffe9ee;
  --color-light-pink-200: #ffcdd9;
  --color-light-pink-300: #e1b8c2;
  --color-light-pink-400: #c397a2;
  --color-light-pink-500: #a77a85;
  --color-light-pink-600: #8a5f6a;
  --color-light-pink-700: #704953;
  --color-light-pink-800: #583740;
  --color-light-pink-900: #452931;
  --color-light-pink-950: #2d181e;
  --color-sweet-perfume: #d99eb6;
  --color-sweet-perfume-50: #ffe5ef;
  --color-sweet-perfume-100: #fed3e4;
  --color-sweet-perfume-200: #ecbbce;
  --color-sweet-perfume-300: #d99eb6;
  --color-sweet-perfume-400: #ba8299;
  --color-sweet-perfume-500: #a16a81;
  --color-sweet-perfume-600: #865369;
  --color-sweet-perfume-700: #6e4054;
  --color-sweet-perfume-800: #5a3243;
  --color-sweet-perfume-900: #492635;
  --color-sweet-perfume-950: #2f1621;
  --color-pleasure: #843850;
  --color-pleasure-50: #fff1f4;
  --color-pleasure-100: #ffe3e9;
  --color-pleasure-200: #ffc6d3;
  --color-pleasure-300: #f4a8bc;
  --color-pleasure-400: #d7869c;
  --color-pleasure-500: #bb6980;
  --color-pleasure-600: #9d4f66;
  --color-pleasure-700: #843850;
  --color-pleasure-800: #682b3e;
  --color-pleasure-900: #521f2f;
  --color-pleasure-950: #36111d;
  --color-extravagant-blush: #ab5777;
  --color-extravagant-blush-50: #fff1f5;
  --color-extravagant-blush-100: #ffe5ed;
  --color-extravagant-blush-200: #ffcbdc;
  --color-extravagant-blush-300: #faadc7;
  --color-extravagant-blush-400: #e08caa;
  --color-extravagant-blush-500: #c67090;
  --color-extravagant-blush-600: #ab5777;
  --color-extravagant-blush-700: #8d405e;
  --color-extravagant-blush-800: #722e49;
  --color-extravagant-blush-900: #5a2038;
  --color-extravagant-blush-950: #3b1122;
}