Homoeopathic Red to La Vie en Rose color palette

EFDBE0Homoeopathic Red 976671Cinnapink 694D56Pinot Noir 342329Aubergine CBA7AFLa Vie en Rose

About this palette

Homoeopathic Red to La Vie en Rose is a 5-color muted, warm palette: #EFDBE0 (Homoeopathic Red), #976671 (Cinnapink), #694D56 (Pinot Noir), #342329 (Aubergine), #CBA7AF (La Vie en Rose). It mixes gray, red, pink tones and feels warm overall. The strongest text pairing is #EFDBE0 on #342329 with a contrast ratio of 11.19:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Homoeopathic Red	rgb(239, 219, 224)	hsl(345, 38%, 90%)
Cinnapink	rgb(151, 102, 113)	hsl(347, 19%, 50%)
Pinot Noir	rgb(105, 77, 86)	hsl(341, 15%, 36%)
Aubergine	rgb(52, 35, 41)	hsl(339, 20%, 17%)
La Vie en Rose	rgb(203, 167, 175)	hsl(347, 26%, 73%)

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.19:1 Very good#EFDBE0 on #342329
Aa11.19:1 Very good#342329 on #EFDBE0
Aa6.83:1 Good#342329 on #CBA7AF
Aa6.83:1 Good#CBA7AF on #342329
Aa5.68:1 Good#EFDBE0 on #694D56
Aa5.68:1 Good#694D56 on #EFDBE0
Aa3.56:1 Poor#EFDBE0 on #976671
Aa3.56:1 Poor#976671 on #EFDBE0

Color blindness preview

CSS variables

/* Homoeopathic Red to La Vie en Rose — https://swatchly.xyz/palette/efdbe0-976671-694d56-342329-cba7af */
:root {
  --homoeopathic-red: #efdbe0;
  --cinnapink: #976671;
  --pinot-noir: #694d56;
  --aubergine: #342329;
  --la-vie-en-rose: #cba7af;
}

Tailwind CSS v4

/* Homoeopathic Red to La Vie en Rose — https://swatchly.xyz/palette/efdbe0-976671-694d56-342329-cba7af */
@theme {
  --color-homoeopathic-red: #efdbe0;
  --color-homoeopathic-red-50: #fffafb;
  --color-homoeopathic-red-100: #fbf0f3;
  --color-homoeopathic-red-200: #efdbe0;
  --color-homoeopathic-red-300: #d4c4c8;
  --color-homoeopathic-red-400: #b4a2a7;
  --color-homoeopathic-red-500: #97858a;
  --color-homoeopathic-red-600: #7b696e;
  --color-homoeopathic-red-700: #615256;
  --color-homoeopathic-red-800: #4c3e42;
  --color-homoeopathic-red-900: #3b2f32;
  --color-homoeopathic-red-950: #251d1f;
  --color-cinnapink: #976671;
  --color-cinnapink-50: #fff1f4;
  --color-cinnapink-100: #ffe6eb;
  --color-cinnapink-200: #f8cfd7;
  --color-cinnapink-300: #e6b9c2;
  --color-cinnapink-400: #cb99a4;
  --color-cinnapink-500: #b17f8a;
  --color-cinnapink-600: #976671;
  --color-cinnapink-700: #7b4f59;
  --color-cinnapink-800: #633b45;
  --color-cinnapink-900: #4d2c34;
  --color-cinnapink-950: #321a20;
  --color-pinot-noir: #694d56;
  --color-pinot-noir-50: #fff1f5;
  --color-pinot-noir-100: #fae5eb;
  --color-pinot-noir-200: #e9d0d7;
  --color-pinot-noir-300: #d5b9c1;
  --color-pinot-noir-400: #b798a2;
  --color-pinot-noir-500: #9c7d87;
  --color-pinot-noir-600: #80636c;
  --color-pinot-noir-700: #694d56;
  --color-pinot-noir-800: #523c43;
  --color-pinot-noir-900: #402d33;
  --color-pinot-noir-950: #291b20;
  --color-aubergine: #342329;
  --color-aubergine-50: #fef1f5;
  --color-aubergine-100: #f5e7eb;
  --color-aubergine-200: #e4d2d8;
  --color-aubergine-300: #cebbc1;
  --color-aubergine-400: #b09ba2;
  --color-aubergine-500: #978288;
  --color-aubergine-600: #7d6970;
  --color-aubergine-700: #67555b;
  --color-aubergine-800: #55444a;
  --color-aubergine-900: #45373b;
  --color-aubergine-950: #342329;
  --color-la-vie-en-rose: #cba7af;
  --color-la-vie-en-rose-50: #fee6eb;
  --color-la-vie-en-rose-100: #f3d9df;
  --color-la-vie-en-rose-200: #e0c2c8;
  --color-la-vie-en-rose-300: #cba7af;
  --color-la-vie-en-rose-400: #ad8b93;
  --color-la-vie-en-rose-500: #94727a;
  --color-la-vie-en-rose-600: #7a5b62;
  --color-la-vie-en-rose-700: #64484f;
  --color-la-vie-en-rose-800: #51383e;
  --color-la-vie-en-rose-900: #412c31;
  --color-la-vie-en-rose-950: #291a1e;
}