Wood Bark to Horseradish color palette
About this palette
Wood Bark to Horseradish is a 6-color muted palette: #2D2818 (Wood Bark), #759795 (Yucca), #414258 (Madonna), #D8B3B1 (Borlotti Bean), #91656B (Opera), #E3DEC5 (Horseradish). It mixes gray, turquoise, purple, pink, red tones and feels balanced overall. The strongest text pairing is #2D2818 on #E3DEC5 with a contrast ratio of 10.87:1, and 5 of its 15 color pairs pass WCAG AA for normal text.
Color codes
| Color | HEX | RGB | HSL |
|---|---|---|---|
| Wood Bark | rgb(45, 40, 24) | hsl(46, 30%, 14%) | |
| Yucca | rgb(117, 151, 149) | hsl(176, 14%, 53%) | |
| Madonna | rgb(65, 66, 88) | hsl(237, 15%, 30%) | |
| Borlotti Bean | rgb(216, 179, 177) | hsl(3, 33%, 77%) | |
| Opera | rgb(145, 101, 107) | hsl(352, 18%, 48%) | |
| Horseradish | rgb(227, 222, 197) | hsl(50, 35%, 83%) |
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.
- Aa10.87:1 #2D2818 on #E3DEC5
- Aa10.87:1 #E3DEC5 on #2D2818
- Aa7.70:1 #2D2818 on #D8B3B1
- Aa7.70:1 #D8B3B1 on #2D2818
- Aa7.24:1 #414258 on #E3DEC5
- Aa7.24:1 #E3DEC5 on #414258
- Aa5.13:1 #414258 on #D8B3B1
- Aa5.13:1 #D8B3B1 on #414258
Color blindness preview
- Protanopia
- Deuteranopia
- Tritanopia
- Achromatopsia
- Dog vision
CSS variables
/* Wood Bark to Horseradish — https://swatchly.xyz/palette/2d2818-759795-414258-d8b3b1-91656b-e3dec5 */
:root {
--wood-bark: #2d2818;
--yucca: #759795;
--madonna: #414258;
--borlotti-bean: #d8b3b1;
--opera: #91656b;
--horseradish: #e3dec5;
}
Tailwind CSS v4
/* Wood Bark to Horseradish — https://swatchly.xyz/palette/2d2818-759795-414258-d8b3b1-91656b-e3dec5 */
@theme {
--color-wood-bark: #2d2818;
--color-wood-bark-50: #f9f5ea;
--color-wood-bark-100: #efebde;
--color-wood-bark-200: #dcd7c8;
--color-wood-bark-300: #c6c1b0;
--color-wood-bark-400: #a7a18f;
--color-wood-bark-500: #8e8875;
--color-wood-bark-600: #756f5d;
--color-wood-bark-700: #605a4a;
--color-wood-bark-800: #4e493a;
--color-wood-bark-900: #3f3b2e;
--color-wood-bark-950: #2d2818;
--color-yucca: #759795;
--color-yucca-50: #e8fbfa;
--color-yucca-100: #def4f2;
--color-yucca-200: #c9e2e1;
--color-yucca-300: #b1cecc;
--color-yucca-400: #90b1af;
--color-yucca-500: #759795;
--color-yucca-600: #5a7a79;
--color-yucca-700: #436260;
--color-yucca-800: #314c4b;
--color-yucca-900: #233a39;
--color-yucca-950: #142423;
--color-madonna: #414258;
--color-madonna-50: #f3f4ff;
--color-madonna-100: #e8eafb;
--color-madonna-200: #d4d6ea;
--color-madonna-300: #bebfd6;
--color-madonna-400: #9ea0b9;
--color-madonna-500: #83859e;
--color-madonna-600: #6a6b82;
--color-madonna-700: #54556a;
--color-madonna-800: #414258;
--color-madonna-900: #323343;
--color-madonna-950: #1f1f2b;
--color-borlotti-bean: #d8b3b1;
--color-borlotti-bean-50: #ffefee;
--color-borlotti-bean-100: #fbe2e1;
--color-borlotti-bean-200: #e9cdcb;
--color-borlotti-bean-300: #d8b3b1;
--color-borlotti-bean-400: #b79593;
--color-borlotti-bean-500: #9c7a78;
--color-borlotti-bean-600: #81615f;
--color-borlotti-bean-700: #694c4a;
--color-borlotti-bean-800: #543a39;
--color-borlotti-bean-900: #422c2c;
--color-borlotti-bean-950: #2a1b1a;
--color-opera: #91656b;
--color-opera-50: #fff1f3;
--color-opera-100: #ffe5e8;
--color-opera-200: #f4cfd4;
--color-opera-300: #e2b9be;
--color-opera-400: #c6999f;
--color-opera-500: #ac7e84;
--color-opera-600: #91656b;
--color-opera-700: #764e54;
--color-opera-800: #5e3b40;
--color-opera-900: #4a2c31;
--color-opera-950: #2f1a1d;
--color-horseradish: #e3dec5;
--color-horseradish-50: #fcf9ec;
--color-horseradish-100: #f3f1e2;
--color-horseradish-200: #e3dec5;
--color-horseradish-300: #cac6b2;
--color-horseradish-400: #aaa68f;
--color-horseradish-500: #8e8972;
--color-horseradish-600: #726e58;
--color-horseradish-700: #5b5643;
--color-horseradish-800: #464331;
--color-horseradish-900: #363324;
--color-horseradish-950: #221f15;
}
Similar palettes
- D0E3E18B6872414A5B2D281ECBB2B8Mountain Dew to Cold Turkey
- 21302A554E6B80635573998AB7ABCCF0DECFMarshland to Buttercream
- 75979ACDBBC67F5E74D5E8D1313D27Cavolo Nero to Everglade
- 50566CE0AE9D2733297A9A898B6D60D6E1FFHeavy Violet to Puffy Cloud
- CDB3C19E89A57E5D58584157F5DBDA2B2124Mauvelous to Ink Black
- 8A77658AA29CD5C0C62E4959202A29Mink to Bitter Liquorice
- 80988D2F222855434E9CAFC5D7CDB47B6143Parisian Patina to Autumn Gold
- 3E3D4D708F796F6F86DADBCAC8ADB7Italian Grape to Strawberry Latte