Blackberry Yoghurt to Voodoo color palette

EABEDEBlackberry Yoghurt C79AB5Exotic Lilac AD709CJe t’aime 835F79Opera 64395EWine Tour 472D41Voodoo

Open in generator Export PNG, PDF, ASE…

About this palette

Blackberry Yoghurt to Voodoo is a 6-color warm, vintage, monochromatic, gradient palette: #EABEDE (Blackberry Yoghurt), #C79AB5 (Exotic Lilac), #AD709C (Je t’aime), #835F79 (Opera), #64395E (Wine Tour), #472D41 (Voodoo). It mixes pink, purple tones and feels warm overall. The strongest text pairing is #EABEDE on #472D41 with a contrast ratio of 7.51:1, and 3 of its 15 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Blackberry Yoghurt	rgb(234, 190, 222)	hsl(316, 51%, 83%)
Exotic Lilac	rgb(199, 154, 181)	hsl(324, 29%, 69%)
Je t’aime	rgb(173, 112, 156)	hsl(317, 27%, 56%)
Opera	rgb(131, 95, 121)	hsl(317, 16%, 44%)
Wine Tour	rgb(100, 57, 94)	hsl(308, 27%, 31%)
Voodoo	rgb(71, 45, 65)	hsl(314, 22%, 23%)

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.

Aa7.51:1 Very good#EABEDE on #472D41
Aa7.51:1 Very good#472D41 on #EABEDE
Aa5.64:1 Good#EABEDE on #64395E
Aa5.64:1 Good#64395E on #EABEDE
Aa5.07:1 Good#C79AB5 on #472D41
Aa5.07:1 Good#472D41 on #C79AB5
Aa3.81:1 Poor#C79AB5 on #64395E
Aa3.81:1 Poor#64395E on #C79AB5

Color blindness preview

CSS variables

/* Blackberry Yoghurt to Voodoo — https://swatchly.xyz/palette/eabede-c79ab5-ad709c-835f79-64395e-472d41 */
:root {
  --blackberry-yoghurt: #eabede;
  --exotic-lilac: #c79ab5;
  --je-t-aime: #ad709c;
  --opera: #835f79;
  --wine-tour: #64395e;
  --voodoo: #472d41;
}

Tailwind CSS v4

/* Blackberry Yoghurt to Voodoo — https://swatchly.xyz/palette/eabede-c79ab5-ad709c-835f79-64395e-472d41 */
@theme {
  --color-blackberry-yoghurt: #eabede;
  --color-blackberry-yoghurt-50: #ffe6f8;
  --color-blackberry-yoghurt-100: #f7d8ee;
  --color-blackberry-yoghurt-200: #eabede;
  --color-blackberry-yoghurt-300: #d2abc7;
  --color-blackberry-yoghurt-400: #b58daa;
  --color-blackberry-yoghurt-500: #9b7391;
  --color-blackberry-yoghurt-600: #815b77;
  --color-blackberry-yoghurt-700: #694761;
  --color-blackberry-yoghurt-800: #55374d;
  --color-blackberry-yoghurt-900: #42293c;
  --color-blackberry-yoghurt-950: #2a1826;
  --color-exotic-lilac: #c79ab5;
  --color-exotic-lilac-50: #fff5fb;
  --color-exotic-lilac-100: #ffe8f5;
  --color-exotic-lilac-200: #f4d2e6;
  --color-exotic-lilac-300: #e1bbd2;
  --color-exotic-lilac-400: #c79ab5;
  --color-exotic-lilac-500: #a97e98;
  --color-exotic-lilac-600: #8b627b;
  --color-exotic-lilac-700: #714b62;
  --color-exotic-lilac-800: #59394d;
  --color-exotic-lilac-900: #452a3b;
  --color-exotic-lilac-950: #2b1824;
  --color-je-t-aime: #ad709c;
  --color-je-t-aime-50: #fff0fa;
  --color-je-t-aime-100: #ffe2f6;
  --color-je-t-aime-200: #f8c7e9;
  --color-je-t-aime-300: #e5aed5;
  --color-je-t-aime-400: #c88cb7;
  --color-je-t-aime-500: #ad709c;
  --color-je-t-aime-600: #905680;
  --color-je-t-aime-700: #754168;
  --color-je-t-aime-800: #5e3052;
  --color-je-t-aime-900: #4a2340;
  --color-je-t-aime-950: #301429;
  --color-opera: #835f79;
  --color-opera-50: #fff0fa;
  --color-opera-100: #fce2f4;
  --color-opera-200: #eccde2;
  --color-opera-300: #d8b5cd;
  --color-opera-400: #ba95af;
  --color-opera-500: #9e7994;
  --color-opera-600: #835f79;
  --color-opera-700: #6a4a61;
  --color-opera-800: #54384c;
  --color-opera-900: #422a3b;
  --color-opera-950: #2a1925;
  --color-wine-tour: #64395e;
  --color-wine-tour-50: #fff0fc;
  --color-wine-tour-100: #ffe0f9;
  --color-wine-tour-200: #f0cae9;
  --color-wine-tour-300: #deb3d6;
  --color-wine-tour-400: #c293ba;
  --color-wine-tour-500: #a879a1;
  --color-wine-tour-600: #8e6087;
  --color-wine-tour-700: #764c70;
  --color-wine-tour-800: #64395e;
  --color-wine-tour-900: #4d2c48;
  --color-wine-tour-950: #321a2f;
  --color-voodoo: #472d41;
  --color-voodoo-50: #fff0fb;
  --color-voodoo-100: #f9e4f3;
  --color-voodoo-200: #e8cfe1;
  --color-voodoo-300: #d3b7cc;
  --color-voodoo-400: #b698ae;
  --color-voodoo-500: #9b7d94;
  --color-voodoo-600: #816479;
  --color-voodoo-700: #694f62;
  --color-voodoo-800: #553d4f;
  --color-voodoo-900: #472d41;
  --color-voodoo-950: #2c1d28;
}