Graphite to Tamed Beauty color palette

3D3728Graphite 465140Kelp 75806ECamo Clay 8F9AB0Moon Veil C3AE91Khaki D0B9D2Tamed Beauty

About this palette

Graphite to Tamed Beauty is a 6-color muted palette: #3D3728 (Graphite), #465140 (Kelp), #75806E (Camo Clay), #8F9AB0 (Moon Veil), #C3AE91 (Khaki), #D0B9D2 (Tamed Beauty). It mixes gray, yellow, pink tones and feels balanced overall. The strongest text pairing is #3D3728 on #D0B9D2 with a contrast ratio of 6.51:1, and 3 of its 15 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Graphite	rgb(61, 55, 40)	hsl(43, 21%, 20%)
Kelp	rgb(70, 81, 64)	hsl(99, 12%, 28%)
Camo Clay	rgb(117, 128, 110)	hsl(97, 8%, 47%)
Moon Veil	rgb(143, 154, 176)	hsl(220, 17%, 63%)
Khaki	rgb(195, 174, 145)	hsl(35, 29%, 67%)
Tamed Beauty	rgb(208, 185, 210)	hsl(295, 22%, 77%)

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.51:1 Good#3D3728 on #D0B9D2
Aa6.51:1 Good#D0B9D2 on #3D3728
Aa5.51:1 Good#3D3728 on #C3AE91
Aa5.51:1 Good#C3AE91 on #3D3728
Aa4.60:1 Good#465140 on #D0B9D2
Aa4.60:1 Good#D0B9D2 on #465140
Aa4.18:1 Poor#3D3728 on #8F9AB0
Aa4.18:1 Poor#8F9AB0 on #3D3728

Color blindness preview

CSS variables

/* Graphite to Tamed Beauty — https://swatchly.xyz/palette/3d3728-465140-75806e-8f9ab0-c3ae91-d0b9d2 */
:root {
  --graphite: #3d3728;
  --kelp: #465140;
  --camo-clay: #75806e;
  --moon-veil: #8f9ab0;
  --khaki: #c3ae91;
  --tamed-beauty: #d0b9d2;
}

Tailwind CSS v4

/* Graphite to Tamed Beauty — https://swatchly.xyz/palette/3d3728-465140-75806e-8f9ab0-c3ae91-d0b9d2 */
@theme {
  --color-graphite: #3d3728;
  --color-graphite-50: #f9f5eb;
  --color-graphite-100: #efebdf;
  --color-graphite-200: #ddd7c9;
  --color-graphite-300: #c7c0b1;
  --color-graphite-400: #a9a291;
  --color-graphite-500: #8e8776;
  --color-graphite-600: #746e5e;
  --color-graphite-700: #5e5849;
  --color-graphite-800: #4b4639;
  --color-graphite-900: #3d3728;
  --color-graphite-950: #26231a;
  --color-kelp: #465140;
  --color-kelp-50: #f0f8ed;
  --color-kelp-100: #e6eee2;
  --color-kelp-200: #d0d9ca;
  --color-kelp-300: #b7c2b1;
  --color-kelp-400: #95a18f;
  --color-kelp-500: #798572;
  --color-kelp-600: #5e6957;
  --color-kelp-700: #465140;
  --color-kelp-800: #363f32;
  --color-kelp-900: #293025;
  --color-kelp-950: #181e16;
  --color-camo-clay: #75806e;
  --color-camo-clay-50: #eff6ea;
  --color-camo-clay-100: #e2eadd;
  --color-camo-clay-200: #ccd5c6;
  --color-camo-clay-300: #b3beac;
  --color-camo-clay-400: #929d8b;
  --color-camo-clay-500: #75806e;
  --color-camo-clay-600: #5d6757;
  --color-camo-clay-700: #495243;
  --color-camo-clay-800: #394134;
  --color-camo-clay-900: #2c3227;
  --color-camo-clay-950: #1b2018;
  --color-moon-veil: #8f9ab0;
  --color-moon-veil-50: #ecf3ff;
  --color-moon-veil-100: #dfe7f7;
  --color-moon-veil-200: #c9d2e4;
  --color-moon-veil-300: #b0bacf;
  --color-moon-veil-400: #8f9ab0;
  --color-moon-veil-500: #768095;
  --color-moon-veil-600: #5d677b;
  --color-moon-veil-700: #495264;
  --color-moon-veil-800: #384050;
  --color-moon-veil-900: #2b323f;
  --color-moon-veil-950: #1a1f29;
  --color-khaki: #c3ae91;
  --color-khaki-50: #f8ebd9;
  --color-khaki-100: #eddeca;
  --color-khaki-200: #d9c8b0;
  --color-khaki-300: #c3ae91;
  --color-khaki-400: #a69276;
  --color-khaki-500: #8d795e;
  --color-khaki-600: #746248;
  --color-khaki-700: #5e4e36;
  --color-khaki-800: #4c3e29;
  --color-khaki-900: #3d301f;
  --color-khaki-950: #271e11;
  --color-tamed-beauty: #d0b9d2;
  --color-tamed-beauty-50: #fef1ff;
  --color-tamed-beauty-100: #f5e6f6;
  --color-tamed-beauty-200: #e3d2e4;
  --color-tamed-beauty-300: #d0b9d2;
  --color-tamed-beauty-400: #af9ab1;
  --color-tamed-beauty-500: #947e96;
  --color-tamed-beauty-600: #79647a;
  --color-tamed-beauty-700: #614e62;
  --color-tamed-beauty-800: #4c3c4e;
  --color-tamed-beauty-900: #3b2d3c;
  --color-tamed-beauty-950: #251b26;
}