Never Forget to Beat Around the Bush color palette

A1747CNever Forget A5AED3Mont Blanc 1C4544Emerald Forest B8E0DBAntiguan 726747Beat Around the Bush

About this palette

Never Forget to Beat Around the Bush is a 5-color muted, cool, vintage palette: #A1747C (Never Forget), #A5AED3 (Mont Blanc), #1C4544 (Emerald Forest), #B8E0DB (Antiguan), #726747 (Beat Around the Bush). It mixes pink, blue, turquoise, brown tones and feels cool overall. The strongest text pairing is #1C4544 on #B8E0DB with a contrast ratio of 7.42:1, and 2 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Never Forget	rgb(161, 116, 124)	hsl(349, 19%, 54%)
Mont Blanc	rgb(165, 174, 211)	hsl(228, 34%, 74%)
Emerald Forest	rgb(28, 69, 68)	hsl(179, 42%, 19%)
Antiguan	rgb(184, 224, 219)	hsl(172, 39%, 80%)
Beat Around the Bush	rgb(114, 103, 71)	hsl(45, 23%, 36%)

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.42:1 Very good#1C4544 on #B8E0DB
Aa7.42:1 Very good#B8E0DB on #1C4544
Aa4.84:1 Good#A5AED3 on #1C4544
Aa4.84:1 Good#1C4544 on #A5AED3
Aa3.93:1 Poor#B8E0DB on #726747
Aa3.93:1 Poor#726747 on #B8E0DB

Color blindness preview

CSS variables

/* Never Forget to Beat Around the Bush — https://swatchly.xyz/palette/a1747c-a5aed3-1c4544-b8e0db-726747 */
:root {
  --never-forget: #a1747c;
  --mont-blanc: #a5aed3;
  --emerald-forest: #1c4544;
  --antiguan: #b8e0db;
  --beat-around-the-bush: #726747;
}

Tailwind CSS v4

/* Never Forget to Beat Around the Bush — https://swatchly.xyz/palette/a1747c-a5aed3-1c4544-b8e0db-726747 */
@theme {
  --color-never-forget: #a1747c;
  --color-never-forget-50: #fff0f2;
  --color-never-forget-100: #ffe1e6;
  --color-never-forget-200: #f0cad0;
  --color-never-forget-300: #dcb1b8;
  --color-never-forget-400: #bd9098;
  --color-never-forget-500: #a1747c;
  --color-never-forget-600: #855b63;
  --color-never-forget-700: #6c464e;
  --color-never-forget-800: #57363c;
  --color-never-forget-900: #44282e;
  --color-never-forget-950: #2c181c;
  --color-mont-blanc: #a5aed3;
  --color-mont-blanc-50: #f9faff;
  --color-mont-blanc-100: #eff2ff;
  --color-mont-blanc-200: #dae0fb;
  --color-mont-blanc-300: #c4ccea;
  --color-mont-blanc-400: #a5aed3;
  --color-mont-blanc-500: #8790b3;
  --color-mont-blanc-600: #6b7395;
  --color-mont-blanc-700: #535a79;
  --color-mont-blanc-800: #3f4560;
  --color-mont-blanc-900: #2e334a;
  --color-mont-blanc-950: #1b1e2e;
  --color-emerald-forest: #1c4544;
  --color-emerald-forest-50: #e3fbfa;
  --color-emerald-forest-100: #d7f2f0;
  --color-emerald-forest-200: #bfdfde;
  --color-emerald-forest-300: #a4c8c7;
  --color-emerald-forest-400: #80a9a7;
  --color-emerald-forest-500: #638c8b;
  --color-emerald-forest-600: #49716f;
  --color-emerald-forest-700: #345857;
  --color-emerald-forest-800: #1c4544;
  --color-emerald-forest-900: #1a3433;
  --color-emerald-forest-950: #0d201f;
  --color-antiguan: #b8e0db;
  --color-antiguan-50: #e4faf7;
  --color-antiguan-100: #d8f0ed;
  --color-antiguan-200: #b8e0db;
  --color-antiguan-300: #a7c8c4;
  --color-antiguan-400: #85a9a5;
  --color-antiguan-500: #698e8a;
  --color-antiguan-600: #4f746f;
  --color-antiguan-700: #3b5c59;
  --color-antiguan-800: #2b4945;
  --color-antiguan-900: #1f3835;
  --color-antiguan-950: #112321;
  --color-beat-around-the-bush: #726747;
  --color-beat-around-the-bush-50: #fcf5e1;
  --color-beat-around-the-bush-100: #f2ead4;
  --color-beat-around-the-bush-200: #dfd6bb;
  --color-beat-around-the-bush-300: #c9bea0;
  --color-beat-around-the-bush-400: #a99e7d;
  --color-beat-around-the-bush-500: #8d8261;
  --color-beat-around-the-bush-600: #726747;
  --color-beat-around-the-bush-700: #5b5135;
  --color-beat-around-the-bush-800: #483f27;
  --color-beat-around-the-bush-900: #38301b;
  --color-beat-around-the-bush-950: #231e0f;
}