Ethereal Espresso to Her Velour color palette

442828Ethereal Espresso FFE7E7Porcelain Skin D99695Juicy Peach 773F43Wine Cellar B3656FHer Velour

About this palette

Ethereal Espresso to Her Velour is a 5-color warm, vintage, monochromatic palette: #442828 (Ethereal Espresso), #FFE7E7 (Porcelain Skin), #D99695 (Juicy Peach), #773F43 (Wine Cellar), #B3656F (Her Velour). It mixes brown, white, red tones and feels warm overall. The strongest text pairing is #442828 on #FFE7E7 with a contrast ratio of 11.29:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Ethereal Espresso	rgb(68, 40, 40)	hsl(0, 26%, 21%)
Porcelain Skin	rgb(255, 231, 231)	hsl(0, 100%, 95%)
Juicy Peach	rgb(217, 150, 149)	hsl(1, 47%, 72%)
Wine Cellar	rgb(119, 63, 67)	hsl(356, 31%, 36%)
Her Velour	rgb(179, 101, 111)	hsl(352, 34%, 55%)

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.29:1 Very good#442828 on #FFE7E7
Aa11.29:1 Very good#FFE7E7 on #442828
Aa6.92:1 Good#FFE7E7 on #773F43
Aa6.92:1 Good#773F43 on #FFE7E7
Aa5.54:1 Good#442828 on #D99695
Aa5.54:1 Good#D99695 on #442828
Aa3.56:1 Poor#FFE7E7 on #B3656F
Aa3.56:1 Poor#B3656F on #FFE7E7

Color blindness preview

CSS variables

/* Ethereal Espresso to Her Velour — https://swatchly.xyz/palette/442828-ffe7e7-d99695-773f43-b3656f */
:root {
  --ethereal-espresso: #442828;
  --porcelain-skin: #ffe7e7;
  --juicy-peach: #d99695;
  --wine-cellar: #773f43;
  --her-velour: #b3656f;
}

Tailwind CSS v4

/* Ethereal Espresso to Her Velour — https://swatchly.xyz/palette/442828-ffe7e7-d99695-773f43-b3656f */
@theme {
  --color-ethereal-espresso: #442828;
  --color-ethereal-espresso-50: #fff1f1;
  --color-ethereal-espresso-100: #fce5e4;
  --color-ethereal-espresso-200: #ecd0cf;
  --color-ethereal-espresso-300: #d8b8b7;
  --color-ethereal-espresso-400: #b99897;
  --color-ethereal-espresso-500: #9d7c7b;
  --color-ethereal-espresso-600: #816161;
  --color-ethereal-espresso-700: #684b4b;
  --color-ethereal-espresso-800: #523939;
  --color-ethereal-espresso-900: #442828;
  --color-ethereal-espresso-950: #281919;
  --color-porcelain-skin: #ffe7e7;
  --color-porcelain-skin-50: #fff4f4;
  --color-porcelain-skin-100: #ffe7e7;
  --color-porcelain-skin-200: #e6d5d5;
  --color-porcelain-skin-300: #d1bdbd;
  --color-porcelain-skin-400: #b29d9d;
  --color-porcelain-skin-500: #968181;
  --color-porcelain-skin-600: #7b6667;
  --color-porcelain-skin-700: #625050;
  --color-porcelain-skin-800: #4e3e3e;
  --color-porcelain-skin-900: #3c2f2f;
  --color-porcelain-skin-950: #261c1d;
  --color-juicy-peach: #d99695;
  --color-juicy-peach-50: #fff6f5;
  --color-juicy-peach-100: #ffeaea;
  --color-juicy-peach-200: #ffd1cf;
  --color-juicy-peach-300: #f1b8b7;
  --color-juicy-peach-400: #d99695;
  --color-juicy-peach-500: #b97979;
  --color-juicy-peach-600: #9b5e5d;
  --color-juicy-peach-700: #7e4747;
  --color-juicy-peach-800: #653535;
  --color-juicy-peach-900: #4f2627;
  --color-juicy-peach-950: #321516;
  --color-wine-cellar: #773f43;
  --color-wine-cellar-50: #fff1f2;
  --color-wine-cellar-100: #ffe4e4;
  --color-wine-cellar-200: #fbc8ca;
  --color-wine-cellar-300: #e8afb1;
  --color-wine-cellar-400: #ca8d8f;
  --color-wine-cellar-500: #ae7074;
  --color-wine-cellar-600: #90565a;
  --color-wine-cellar-700: #773f43;
  --color-wine-cellar-800: #5d3134;
  --color-wine-cellar-900: #492427;
  --color-wine-cellar-950: #2f1517;
  --color-her-velour: #b3656f;
  --color-her-velour-50: #fff0f1;
  --color-her-velour-100: #ffe0e2;
  --color-her-velour-200: #ffc1c7;
  --color-her-velour-300: #efa5ad;
  --color-her-velour-400: #d1828b;
  --color-her-velour-500: #b3656f;
  --color-her-velour-600: #964d57;
  --color-her-velour-700: #7b3943;
  --color-her-velour-800: #632a33;
  --color-her-velour-900: #4f1f27;
  --color-her-velour-950: #341117;
}