Wood Bark to Whisky Barrel color palette
About this palette
Wood Bark to Whisky Barrel is a 6-color muted palette: #35231C (Wood Bark), #FAE5D8 (Hint of Orange), #AD8E7C (Cocoloco), #D4B7A8 (Soba), #614D40 (Lynx), #937664 (Whisky Barrel). It mixes gray, white, orange tones and feels warm overall. The strongest text pairing is #35231C on #FAE5D8 with a contrast ratio of 12.26:1, and 4 of its 15 color pairs pass WCAG AA for normal text.
Color codes
| Color | HEX | RGB | HSL |
|---|---|---|---|
| Wood Bark | rgb(53, 35, 28) | hsl(17, 31%, 16%) | |
| Hint of Orange | rgb(250, 229, 216) | hsl(23, 77%, 91%) | |
| Cocoloco | rgb(173, 142, 124) | hsl(22, 23%, 58%) | |
| Soba | rgb(212, 183, 168) | hsl(20, 34%, 75%) | |
| Lynx | rgb(97, 77, 64) | hsl(24, 20%, 32%) | |
| Whisky Barrel | rgb(147, 118, 100) | hsl(23, 19%, 48%) |
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.
- Aa12.26:1 #35231C on #FAE5D8
- Aa12.26:1 #FAE5D8 on #35231C
- Aa7.91:1 #35231C on #D4B7A8
- Aa7.91:1 #D4B7A8 on #35231C
- Aa6.53:1 #FAE5D8 on #614D40
- Aa6.53:1 #614D40 on #FAE5D8
- Aa4.92:1 #35231C on #AD8E7C
- Aa4.92:1 #AD8E7C on #35231C
Color blindness preview
- Protanopia
- Deuteranopia
- Tritanopia
- Achromatopsia
- Dog vision
CSS variables
/* Wood Bark to Whisky Barrel — https://swatchly.xyz/palette/35231c-fae5d8-ad8e7c-d4b7a8-614d40-937664 */
:root {
--wood-bark: #35231c;
--hint-of-orange: #fae5d8;
--cocoloco: #ad8e7c;
--soba: #d4b7a8;
--lynx: #614d40;
--whisky-barrel: #937664;
}
Tailwind CSS v4
/* Wood Bark to Whisky Barrel — https://swatchly.xyz/palette/35231c-fae5d8-ad8e7c-d4b7a8-614d40-937664 */
@theme {
--color-wood-bark: #35231c;
--color-wood-bark-50: #fff2ed;
--color-wood-bark-100: #f7e7e1;
--color-wood-bark-200: #e5d3cc;
--color-wood-bark-300: #d1bcb4;
--color-wood-bark-400: #b29c93;
--color-wood-bark-500: #99827a;
--color-wood-bark-600: #7f6a62;
--color-wood-bark-700: #69554e;
--color-wood-bark-800: #56443e;
--color-wood-bark-900: #463731;
--color-wood-bark-950: #35231c;
--color-hint-of-orange: #fae5d8;
--color-hint-of-orange-50: #fdf1ea;
--color-hint-of-orange-100: #fae5d8;
--color-hint-of-orange-200: #e2d3c9;
--color-hint-of-orange-300: #cdbcb1;
--color-hint-of-orange-400: #af9d91;
--color-hint-of-orange-500: #948176;
--color-hint-of-orange-600: #79675c;
--color-hint-of-orange-700: #625247;
--color-hint-of-orange-800: #4d3f36;
--color-hint-of-orange-900: #3c3029;
--color-hint-of-orange-950: #261d18;
--color-cocoloco: #ad8e7c;
--color-cocoloco-50: #ffede2;
--color-cocoloco-100: #f6e0d3;
--color-cocoloco-200: #e3c9ba;
--color-cocoloco-300: #cdb09f;
--color-cocoloco-400: #ad8e7c;
--color-cocoloco-500: #937564;
--color-cocoloco-600: #795d4d;
--color-cocoloco-700: #634a3b;
--color-cocoloco-800: #4f392d;
--color-cocoloco-900: #3f2c21;
--color-cocoloco-950: #291c14;
--color-soba: #d4b7a8;
--color-soba-50: #fff0e9;
--color-soba-100: #f8e5db;
--color-soba-200: #e6d0c4;
--color-soba-300: #d4b7a8;
--color-soba-400: #b4998b;
--color-soba-500: #997e70;
--color-soba-600: #7e6457;
--color-soba-700: #664f43;
--color-soba-800: #513d32;
--color-soba-900: #3f2f26;
--color-soba-950: #281c16;
--color-lynx: #614d40;
--color-lynx-50: #fff2ea;
--color-lynx-100: #f7e8de;
--color-lynx-200: #e5d3c7;
--color-lynx-300: #cfbbae;
--color-lynx-400: #b09b8d;
--color-lynx-500: #947f71;
--color-lynx-600: #786457;
--color-lynx-700: #614d40;
--color-lynx-800: #4c3c32;
--color-lynx-900: #3b2d25;
--color-lynx-950: #251b15;
--color-whisky-barrel: #937664;
--color-whisky-barrel-50: #fff0e7;
--color-whisky-barrel-100: #f8e3d6;
--color-whisky-barrel-200: #e6cdbe;
--color-whisky-barrel-300: #d0b4a3;
--color-whisky-barrel-400: #b09380;
--color-whisky-barrel-500: #937664;
--color-whisky-barrel-600: #795e4d;
--color-whisky-barrel-700: #624a3b;
--color-whisky-barrel-800: #4e392c;
--color-whisky-barrel-900: #3d2c21;
--color-whisky-barrel-950: #281b13;
}
Similar palettes
- F9E5D8D2B8AB745F50947769422F22B09E92Hint of Orange to Sombrero
- 715F44332D22EEE4D5C6B5975F53429C8561Ochicha Latte to Tahini Brown
- D6BCA2624A47816469433029A38B76FDE4E9Dune to Porcelain Skin
- 2C201DBDA1988E7570F9E3DD6B4C46Velvet Black to Liver
- F9DAD3D9B0AAB08982895E5A6F49403E2F2CAir-Kiss to Smoked Black Coffee
- 442C215F474499735EC99B9FCAC2AFFCF4E2English Walnut to Crème de Pêche
- 65513D8C745E423031A68A80DAAAA0EDC7D0Tobacco to Oh so Pink
- 49392F684C3B9F7156D7B8A4FCE7DAFilm Noir to Slightly in Love