Exotic Lilac to Black Cherry color palette

D19CB2Exotic Lilac 642C33Chocolate Truffle 9E6853Hot Cacao FACEDECreamy Strawberry 2E1312Black Cherry

Open in generator Export PNG, PDF, ASE…

About this palette

Exotic Lilac to Black Cherry is a 5-color warm, earthy, vintage palette: #D19CB2 (Exotic Lilac), #642C33 (Chocolate Truffle), #9E6853 (Hot Cacao), #FACEDE (Creamy Strawberry), #2E1312 (Black Cherry). It mixes pink, brown tones and feels warm overall. The strongest text pairing is #FACEDE on #2E1312 with a contrast ratio of 12.27:1, and 4 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Exotic Lilac	rgb(209, 156, 178)	hsl(335, 37%, 72%)
Chocolate Truffle	rgb(100, 44, 51)	hsl(352, 39%, 28%)
Hot Cacao	rgb(158, 104, 83)	hsl(17, 31%, 47%)
Creamy Strawberry	rgb(250, 206, 222)	hsl(338, 81%, 89%)
Black Cherry	rgb(46, 19, 18)	hsl(2, 44%, 13%)

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.27:1 Super#FACEDE on #2E1312
Aa12.27:1 Super#2E1312 on #FACEDE
Aa7.67:1 Very good#642C33 on #FACEDE
Aa7.67:1 Very good#FACEDE on #642C33
Aa7.48:1 Very good#D19CB2 on #2E1312
Aa7.48:1 Very good#2E1312 on #D19CB2
Aa4.67:1 Good#D19CB2 on #642C33
Aa4.67:1 Good#642C33 on #D19CB2

Color blindness preview

CSS variables

/* Exotic Lilac to Black Cherry — https://swatchly.xyz/palette/d19cb2-642c33-9e6853-facede-2e1312 */
:root {
  --exotic-lilac: #d19cb2;
  --chocolate-truffle: #642c33;
  --hot-cacao: #9e6853;
  --creamy-strawberry: #facede;
  --black-cherry: #2e1312;
}

Tailwind CSS v4

/* Exotic Lilac to Black Cherry — https://swatchly.xyz/palette/d19cb2-642c33-9e6853-facede-2e1312 */
@theme {
  --color-exotic-lilac: #d19cb2;
  --color-exotic-lilac-50: #fff7fa;
  --color-exotic-lilac-100: #ffecf3;
  --color-exotic-lilac-200: #fbd4e3;
  --color-exotic-lilac-300: #e9bdcf;
  --color-exotic-lilac-400: #d19cb2;
  --color-exotic-lilac-500: #b17f94;
  --color-exotic-lilac-600: #936377;
  --color-exotic-lilac-700: #774b5e;
  --color-exotic-lilac-800: #5e3849;
  --color-exotic-lilac-900: #492937;
  --color-exotic-lilac-950: #2e1721;
  --color-chocolate-truffle: #642c33;
  --color-chocolate-truffle-50: #fff1f2;
  --color-chocolate-truffle-100: #ffe3e5;
  --color-chocolate-truffle-200: #fdc8cb;
  --color-chocolate-truffle-300: #eaafb3;
  --color-chocolate-truffle-400: #cd8d92;
  --color-chocolate-truffle-500: #b07176;
  --color-chocolate-truffle-600: #92575c;
  --color-chocolate-truffle-700: #774147;
  --color-chocolate-truffle-800: #642c33;
  --color-chocolate-truffle-900: #4b2428;
  --color-chocolate-truffle-950: #301417;
  --color-hot-cacao: #9e6853;
  --color-hot-cacao-50: #fff2ed;
  --color-hot-cacao-100: #ffe8df;
  --color-hot-cacao-200: #fdd1c0;
  --color-hot-cacao-300: #ecbaa7;
  --color-hot-cacao-400: #d29b86;
  --color-hot-cacao-500: #b8816b;
  --color-hot-cacao-600: #9e6853;
  --color-hot-cacao-700: #81503d;
  --color-hot-cacao-800: #683d2b;
  --color-hot-cacao-900: #522d1e;
  --color-hot-cacao-950: #351a10;
  --color-creamy-strawberry: #facede;
  --color-creamy-strawberry-50: #fff5f8;
  --color-creamy-strawberry-100: #ffe8f0;
  --color-creamy-strawberry-200: #facede;
  --color-creamy-strawberry-300: #ddb9c6;
  --color-creamy-strawberry-400: #bf98a6;
  --color-creamy-strawberry-500: #a37b8a;
  --color-creamy-strawberry-600: #86616f;
  --color-creamy-strawberry-700: #6c4a58;
  --color-creamy-strawberry-800: #563844;
  --color-creamy-strawberry-900: #432a34;
  --color-creamy-strawberry-950: #2b1920;
  --color-black-cherry: #2e1312;
  --color-black-cherry-50: #fff2f0;
  --color-black-cherry-100: #fde5e2;
  --color-black-cherry-200: #edd0cd;
  --color-black-cherry-300: #d9b8b5;
  --color-black-cherry-400: #bb9895;
  --color-black-cherry-500: #9f7b79;
  --color-black-cherry-600: #82615f;
  --color-black-cherry-700: #684b49;
  --color-black-cherry-800: #523937;
  --color-black-cherry-900: #3f2a28;
  --color-black-cherry-950: #2e1312;
}