Wet Taupe to Wood Bark Color Palette

About this palette

Wet Taupe to Wood Bark is a 5-color muted, warm, earthy, vintage palette: #927C6A (Wet Taupe), #6A432A (Van Dyke Brown), #B39A8D (Sombrero), #F7D0BD (Maiden’s Blush), #33251D (Wood Bark). It mixes orange, brown, gray tones and feels warm overall. The strongest text pairing is #F7D0BD on #33251D with a contrast ratio of 10.34:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Wet Taupe	rgb(146, 124, 106)	hsl(27, 16%, 49%)
Van Dyke Brown	rgb(106, 67, 42)	hsl(23, 43%, 29%)
Sombrero	rgb(179, 154, 141)	hsl(21, 20%, 63%)
Maiden’s Blush	rgb(247, 208, 189)	hsl(20, 78%, 85%)
Wood Bark	rgb(51, 37, 29)	hsl(22, 28%, 16%)

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.34:1 Very good#F7D0BD on #33251D
Aa10.34:1 Very good#33251D on #F7D0BD
Aa6.01:1 Good#6A432A on #F7D0BD
Aa6.01:1 Good#F7D0BD on #6A432A
Aa5.57:1 Good#B39A8D on #33251D
Aa5.57:1 Good#33251D on #B39A8D
Aa3.73:1 Poor#927C6A on #33251D
Aa3.73:1 Poor#33251D on #927C6A

Color blindness preview

CSS variables

/* Wet Taupe to Wood Bark — https://swatchly.xyz/palette/927c6a-6a432a-b39a8d-f7d0bd-33251d */
:root {
  --wet-taupe: #927c6a;
  --van-dyke-brown: #6a432a;
  --sombrero: #b39a8d;
  --maiden-s-blush: #f7d0bd;
  --wood-bark: #33251d;
}

Tailwind CSS v4

/* Wet Taupe to Wood Bark — https://swatchly.xyz/palette/927c6a-6a432a-b39a8d-f7d0bd-33251d */
@theme {
  --color-wet-taupe: #927c6a;
  --color-wet-taupe-50: #fff1e6;
  --color-wet-taupe-100: #f6e6d9;
  --color-wet-taupe-200: #e3d1c2;
  --color-wet-taupe-300: #cdb9a8;
  --color-wet-taupe-400: #ae9886;
  --color-wet-taupe-500: #927c6a;
  --color-wet-taupe-600: #786352;
  --color-wet-taupe-700: #604e3f;
  --color-wet-taupe-800: #4c3c2f;
  --color-wet-taupe-900: #3c2e23;
  --color-wet-taupe-950: #261c14;
  --color-van-dyke-brown: #6a432a;
  --color-van-dyke-brown-50: #fff2eb;
  --color-van-dyke-brown-100: #ffe5d6;
  --color-van-dyke-brown-200: #f1ceb8;
  --color-van-dyke-brown-300: #ddb49c;
  --color-van-dyke-brown-400: #be9378;
  --color-van-dyke-brown-500: #a1765c;
  --color-van-dyke-brown-600: #835b42;
  --color-van-dyke-brown-700: #6a432a;
  --color-van-dyke-brown-800: #523421;
  --color-van-dyke-brown-900: #412717;
  --color-van-dyke-brown-950: #29170c;
  --color-sombrero: #b39a8d;
  --color-sombrero-50: #fff1eb;
  --color-sombrero-100: #f7e6de;
  --color-sombrero-200: #e6d2c8;
  --color-sombrero-300: #d1baaf;
  --color-sombrero-400: #b39a8d;
  --color-sombrero-500: #977f73;
  --color-sombrero-600: #7c6559;
  --color-sombrero-700: #645045;
  --color-sombrero-800: #4f3d34;
  --color-sombrero-900: #3e2f27;
  --color-sombrero-950: #271d17;
  --color-maiden-s-blush: #f7d0bd;
  --color-maiden-s-blush-50: #fff4ee;
  --color-maiden-s-blush-100: #ffe7dc;
  --color-maiden-s-blush-200: #f7d0bd;
  --color-maiden-s-blush-300: #dbbbab;
  --color-maiden-s-blush-400: #bd9a89;
  --color-maiden-s-blush-500: #a27e6d;
  --color-maiden-s-blush-600: #856453;
  --color-maiden-s-blush-700: #6c4e3f;
  --color-maiden-s-blush-800: #563b2e;
  --color-maiden-s-blush-900: #432d22;
  --color-maiden-s-blush-950: #2b1b13;
  --color-wood-bark: #33251d;
  --color-wood-bark-50: #fdf3ed;
  --color-wood-bark-100: #f4e8e2;
  --color-wood-bark-200: #e2d4cc;
  --color-wood-bark-300: #cdbdb4;
  --color-wood-bark-400: #af9e94;
  --color-wood-bark-500: #95847a;
  --color-wood-bark-600: #7c6c62;
  --color-wood-bark-700: #66574f;
  --color-wood-bark-800: #54463e;
  --color-wood-bark-900: #443832;
  --color-wood-bark-950: #33251d;
}