Hairy Heath to Never Forget color palette

633722Hairy Heath 35291EGo to Hell Black F1B79CWax Flower BE98A4Classy Mauve A76B80Never Forget

About this palette

Hairy Heath to Never Forget is a 5-color warm, vintage palette: #633722 (Hairy Heath), #35291E (Go to Hell Black), #F1B79C (Wax Flower), #BE98A4 (Classy Mauve), #A76B80 (Never Forget). It mixes brown, gray, orange, pink, red tones and feels warm overall. The strongest text pairing is #35291E on #F1B79C with a contrast ratio of 8.06:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Hairy Heath	rgb(99, 55, 34)	hsl(19, 49%, 26%)
Go to Hell Black	rgb(53, 41, 30)	hsl(29, 28%, 16%)
Wax Flower	rgb(241, 183, 156)	hsl(19, 75%, 78%)
Classy Mauve	rgb(190, 152, 164)	hsl(341, 23%, 67%)
Never Forget	rgb(167, 107, 128)	hsl(339, 25%, 54%)

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.06:1 Very good#35291E on #F1B79C
Aa8.06:1 Very good#F1B79C on #35291E
Aa5.71:1 Good#633722 on #F1B79C
Aa5.71:1 Good#F1B79C on #633722
Aa5.52:1 Good#35291E on #BE98A4
Aa5.52:1 Good#BE98A4 on #35291E
Aa3.91:1 Poor#633722 on #BE98A4
Aa3.91:1 Poor#BE98A4 on #633722

Color blindness preview

CSS variables

/* Hairy Heath to Never Forget — https://swatchly.xyz/palette/633722-35291e-f1b79c-be98a4-a76b80 */
:root {
  --hairy-heath: #633722;
  --go-to-hell-black: #35291e;
  --wax-flower: #f1b79c;
  --classy-mauve: #be98a4;
  --never-forget: #a76b80;
}

Tailwind CSS v4

/* Hairy Heath to Never Forget — https://swatchly.xyz/palette/633722-35291e-f1b79c-be98a4-a76b80 */
@theme {
  --color-hairy-heath: #633722;
  --color-hairy-heath-50: #fff2ec;
  --color-hairy-heath-100: #ffe5d9;
  --color-hairy-heath-200: #f6cdbb;
  --color-hairy-heath-300: #e4b6a1;
  --color-hairy-heath-400: #c7957f;
  --color-hairy-heath-500: #ac7a63;
  --color-hairy-heath-600: #8f604a;
  --color-hairy-heath-700: #764b37;
  --color-hairy-heath-800: #633722;
  --color-hairy-heath-900: #4b2b1c;
  --color-hairy-heath-950: #301a0f;
  --color-go-to-hell-black: #35291e;
  --color-go-to-hell-black-50: #fcf3eb;
  --color-go-to-hell-black-100: #f3e9e0;
  --color-go-to-hell-black-200: #e1d5cb;
  --color-go-to-hell-black-300: #ccbeb2;
  --color-go-to-hell-black-400: #ac9d90;
  --color-go-to-hell-black-500: #8f8073;
  --color-go-to-hell-black-600: #726559;
  --color-go-to-hell-black-700: #5a4e43;
  --color-go-to-hell-black-800: #443a31;
  --color-go-to-hell-black-900: #35291e;
  --color-go-to-hell-black-950: #1e1813;
  --color-wax-flower: #f1b79c;
  --color-wax-flower-50: #fff6f1;
  --color-wax-flower-100: #ffeae0;
  --color-wax-flower-200: #fcd1be;
  --color-wax-flower-300: #f1b79c;
  --color-wax-flower-400: #cd987f;
  --color-wax-flower-500: #b17b61;
  --color-wax-flower-600: #936048;
  --color-wax-flower-700: #784a33;
  --color-wax-flower-800: #5f3724;
  --color-wax-flower-900: #4a2918;
  --color-wax-flower-950: #30180c;
  --color-classy-mauve: #be98a4;
  --color-classy-mauve-50: #fff2f6;
  --color-classy-mauve-100: #fee5ec;
  --color-classy-mauve-200: #eed0d9;
  --color-classy-mauve-300: #dab9c3;
  --color-classy-mauve-400: #be98a4;
  --color-classy-mauve-500: #a17d88;
  --color-classy-mauve-600: #85626d;
  --color-classy-mauve-700: #6b4c56;
  --color-classy-mauve-800: #553a43;
  --color-classy-mauve-900: #422c33;
  --color-classy-mauve-950: #2a1a1f;
  --color-never-forget: #a76b80;
  --color-never-forget-50: #ffeff4;
  --color-never-forget-100: #ffdfe9;
  --color-never-forget-200: #f7c4d4;
  --color-never-forget-300: #e3aabd;
  --color-never-forget-400: #c4889c;
  --color-never-forget-500: #a76b80;
  --color-never-forget-600: #8b5367;
  --color-never-forget-700: #713f52;
  --color-never-forget-800: #5b3040;
  --color-never-forget-900: #482331;
  --color-never-forget-950: #2f151f;
}