Bridal Scent to Voodoo Color Palette

About this palette

Bridal Scent to Voodoo is a 5-color muted, warm, gradient palette: #EAD3D3 (Bridal Scent), #CCAAA0 (Parfait), #A47B82 (Opium), #6D5664 (Hibernation), #44343F (Voodoo). It mixes gray, red, pink tones and feels warm overall. The strongest text pairing is #EAD3D3 on #44343F with a contrast ratio of 8.16:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Bridal Scent	rgb(234, 211, 211)	hsl(0, 35%, 87%)
Parfait	rgb(204, 170, 160)	hsl(14, 30%, 71%)
Opium	rgb(164, 123, 130)	hsl(350, 18%, 56%)
Hibernation	rgb(109, 86, 100)	hsl(323, 12%, 38%)
Voodoo	rgb(68, 52, 63)	hsl(319, 13%, 24%)

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.

Aa8.16:1 Very good#EAD3D3 on #44343F
Aa8.16:1 Very good#44343F on #EAD3D3
Aa5.43:1 Good#CCAAA0 on #44343F
Aa5.43:1 Good#44343F on #CCAAA0
Aa4.66:1 Good#EAD3D3 on #6D5664
Aa4.66:1 Good#6D5664 on #EAD3D3
Aa3.17:1 Poor#A47B82 on #44343F
Aa3.17:1 Poor#44343F on #A47B82

Color blindness preview

CSS variables

/* Bridal Scent to Voodoo — https://swatchly.xyz/palette/ead3d3-ccaaa0-a47b82-6d5664-44343f */
:root {
  --bridal-scent: #ead3d3;
  --parfait: #ccaaa0;
  --opium: #a47b82;
  --hibernation: #6d5664;
  --voodoo: #44343f;
}

Tailwind CSS v4

/* Bridal Scent to Voodoo — https://swatchly.xyz/palette/ead3d3-ccaaa0-a47b82-6d5664-44343f */
@theme {
  --color-bridal-scent: #ead3d3;
  --color-bridal-scent-50: #fff3f3;
  --color-bridal-scent-100: #f7e9e9;
  --color-bridal-scent-200: #ead3d3;
  --color-bridal-scent-300: #d0bdbd;
  --color-bridal-scent-400: #b29d9d;
  --color-bridal-scent-500: #968181;
  --color-bridal-scent-600: #7a6767;
  --color-bridal-scent-700: #625051;
  --color-bridal-scent-800: #4d3e3e;
  --color-bridal-scent-900: #3c2f2f;
  --color-bridal-scent-950: #261d1d;
  --color-parfait: #ccaaa0;
  --color-parfait-50: #fee8e2;
  --color-parfait-100: #f4dbd4;
  --color-parfait-200: #e1c4bc;
  --color-parfait-300: #ccaaa0;
  --color-parfait-400: #ae8e84;
  --color-parfait-500: #95756c;
  --color-parfait-600: #7b5d55;
  --color-parfait-700: #654a42;
  --color-parfait-800: #513a33;
  --color-parfait-900: #412d27;
  --color-parfait-950: #2a1b17;
  --color-opium: #a47b82;
  --color-opium-50: #fff2f3;
  --color-opium-100: #ffe4e8;
  --color-opium-200: #f0ced4;
  --color-opium-300: #dcb7bd;
  --color-opium-400: #bf969d;
  --color-opium-500: #a47b82;
  --color-opium-600: #886168;
  --color-opium-700: #6e4b51;
  --color-opium-800: #58393f;
  --color-opium-900: #442b30;
  --color-opium-950: #2c191d;
  --color-hibernation: #6d5664;
  --color-hibernation-50: #fff0f9;
  --color-hibernation-100: #f7e6f0;
  --color-hibernation-200: #e6d3de;
  --color-hibernation-300: #d3bdca;
  --color-hibernation-400: #b79ead;
  --color-hibernation-500: #9d8493;
  --color-hibernation-600: #836b7a;
  --color-hibernation-700: #6d5664;
  --color-hibernation-800: #56434e;
  --color-hibernation-900: #43323c;
  --color-hibernation-950: #2b1f26;
  --color-voodoo: #44343f;
  --color-voodoo-50: #fdf1f9;
  --color-voodoo-100: #f4e7ef;
  --color-voodoo-200: #e2d2dc;
  --color-voodoo-300: #ccbbc6;
  --color-voodoo-400: #af9da9;
  --color-voodoo-500: #95828f;
  --color-voodoo-600: #7b6976;
  --color-voodoo-700: #655560;
  --color-voodoo-800: #52434d;
  --color-voodoo-900: #44343f;
  --color-voodoo-950: #2b2128;
}