Tree of Life to Mummy’s Tomb Color Palette

About this palette

Tree of Life to Mummy’s Tomb is a 5-color muted palette: #575A47 (Tree of Life), #BAC8B7 (Bok Choy), #9DA391 (Edamame), #364035 (Black Olive), #798D87 (Mummy’s Tomb). It mixes gray tones and feels balanced overall. The strongest text pairing is #BAC8B7 on #364035 with a contrast ratio of 6.20:1, and 1 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Tree of Life	rgb(87, 90, 71)	hsl(69, 12%, 32%)
Bok Choy	rgb(186, 200, 183)	hsl(109, 13%, 75%)
Edamame	rgb(157, 163, 145)	hsl(80, 9%, 60%)
Black Olive	rgb(54, 64, 53)	hsl(115, 9%, 23%)
Mummy’s Tomb	rgb(121, 141, 135)	hsl(162, 8%, 51%)

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.

Aa6.20:1 Good#BAC8B7 on #364035
Aa6.20:1 Good#364035 on #BAC8B7
Aa4.16:1 Poor#9DA391 on #364035
Aa4.16:1 Poor#364035 on #9DA391
Aa4.07:1 Poor#575A47 on #BAC8B7
Aa4.07:1 Poor#BAC8B7 on #575A47
Aa3.08:1 Poor#364035 on #798D87
Aa3.08:1 Poor#798D87 on #364035

Color blindness preview

CSS variables

/* Tree of Life to Mummy’s Tomb — https://swatchly.xyz/palette/575a47-bac8b7-9da391-364035-798d87 */
:root {
  --tree-of-life: #575a47;
  --bok-choy: #bac8b7;
  --edamame: #9da391;
  --black-olive: #364035;
  --mummy-s-tomb: #798d87;
}

Tailwind CSS v4

/* Tree of Life to Mummy’s Tomb — https://swatchly.xyz/palette/575a47-bac8b7-9da391-364035-798d87 */
@theme {
  --color-tree-of-life: #575a47;
  --color-tree-of-life-50: #f4f7ea;
  --color-tree-of-life-100: #eaeddf;
  --color-tree-of-life-200: #d7daca;
  --color-tree-of-life-300: #c1c4b2;
  --color-tree-of-life-400: #a2a591;
  --color-tree-of-life-500: #878a76;
  --color-tree-of-life-600: #6d705d;
  --color-tree-of-life-700: #575a47;
  --color-tree-of-life-800: #444637;
  --color-tree-of-life-900: #343629;
  --color-tree-of-life-950: #202118;
  --color-bok-choy: #bac8b7;
  --color-bok-choy-50: #f1f9ef;
  --color-bok-choy-100: #e7f0e5;
  --color-bok-choy-200: #d3ddd0;
  --color-bok-choy-300: #bac8b7;
  --color-bok-choy-400: #9ba898;
  --color-bok-choy-500: #7f8c7c;
  --color-bok-choy-600: #657162;
  --color-bok-choy-700: #4e5a4c;
  --color-bok-choy-800: #3c463a;
  --color-bok-choy-900: #2d362c;
  --color-bok-choy-950: #1b211a;
  --color-edamame: #9da391;
  --color-edamame-50: #f3f6ec;
  --color-edamame-100: #e8ece0;
  --color-edamame-200: #d4d9cb;
  --color-edamame-300: #bdc2b2;
  --color-edamame-400: #9da391;
  --color-edamame-500: #828876;
  --color-edamame-600: #686e5d;
  --color-edamame-700: #525748;
  --color-edamame-800: #404437;
  --color-edamame-900: #313429;
  --color-edamame-950: #1e2019;
  --color-black-olive: #364035;
  --color-black-olive-50: #f0f7f0;
  --color-black-olive-100: #e6eee5;
  --color-black-olive-200: #d1dad0;
  --color-black-olive-300: #b9c3b8;
  --color-black-olive-400: #98a397;
  --color-black-olive-500: #7b877a;
  --color-black-olive-600: #616b5f;
  --color-black-olive-700: #4a5349;
  --color-black-olive-800: #364035;
  --color-black-olive-900: #2a3129;
  --color-black-olive-950: #191d18;
  --color-mummy-s-tomb: #798d87;
  --color-mummy-s-tomb-50: #edf9f5;
  --color-mummy-s-tomb-100: #e2efeb;
  --color-mummy-s-tomb-200: #cdddd8;
  --color-mummy-s-tomb-300: #b5c7c1;
  --color-mummy-s-tomb-400: #94a8a2;
  --color-mummy-s-tomb-500: #798d87;
  --color-mummy-s-tomb-600: #5f726c;
  --color-mummy-s-tomb-700: #495b56;
  --color-mummy-s-tomb-800: #384742;
  --color-mummy-s-tomb-900: #2a3733;
  --color-mummy-s-tomb-950: #19221f;
}