English Walnut to Vintage Copper Color Palette

About this palette

English Walnut to Vintage Copper is a 4-color muted, warm, earthy, vintage, monochromatic palette: #3B291E (English Walnut), #CDA595 (Cashmere Clay), #FCD2B7 (Royal Milk Tea), #9B5C3F (Vintage Copper). It mixes gray, orange, brown tones and feels warm overall. The strongest text pairing is #3B291E on #FCD2B7 with a contrast ratio of 9.88:1, and 2 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
English Walnut	rgb(59, 41, 30)	hsl(23, 33%, 17%)
Cashmere Clay	rgb(205, 165, 149)	hsl(17, 36%, 69%)
Royal Milk Tea	rgb(252, 210, 183)	hsl(23, 92%, 85%)
Vintage Copper	rgb(155, 92, 63)	hsl(19, 42%, 43%)

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.

Aa9.88:1 Very good#3B291E on #FCD2B7
Aa9.88:1 Very good#FCD2B7 on #3B291E
Aa6.18:1 Good#3B291E on #CDA595
Aa6.18:1 Good#CDA595 on #3B291E
Aa3.76:1 Poor#FCD2B7 on #9B5C3F
Aa3.76:1 Poor#9B5C3F on #FCD2B7

Color blindness preview

CSS variables

/* English Walnut to Vintage Copper — https://swatchly.xyz/palette/3b291e-cda595-fcd2b7-9b5c3f */
:root {
  --english-walnut: #3b291e;
  --cashmere-clay: #cda595;
  --royal-milk-tea: #fcd2b7;
  --vintage-copper: #9b5c3f;
}

Tailwind CSS v4

/* English Walnut to Vintage Copper — https://swatchly.xyz/palette/3b291e-cda595-fcd2b7-9b5c3f */
@theme {
  --color-english-walnut: #3b291e;
  --color-english-walnut-50: #fff2eb;
  --color-english-walnut-100: #f7e8df;
  --color-english-walnut-200: #e5d3c9;
  --color-english-walnut-300: #d0bcb1;
  --color-english-walnut-400: #b19b8f;
  --color-english-walnut-500: #957f72;
  --color-english-walnut-600: #786458;
  --color-english-walnut-700: #5f4d42;
  --color-english-walnut-800: #4a3a31;
  --color-english-walnut-900: #3b291e;
  --color-english-walnut-950: #221914;
  --color-cashmere-clay: #cda595;
  --color-cashmere-clay-50: #fff8f6;
  --color-cashmere-clay-100: #ffefe8;
  --color-cashmere-clay-200: #f7dace;
  --color-cashmere-clay-300: #e6c4b7;
  --color-cashmere-clay-400: #cda595;
  --color-cashmere-clay-500: #ad8778;
  --color-cashmere-clay-600: #8f6b5c;
  --color-cashmere-clay-700: #745245;
  --color-cashmere-clay-800: #5b3e33;
  --color-cashmere-clay-900: #462e24;
  --color-cashmere-clay-950: #2b1b14;
  --color-royal-milk-tea: #fcd2b7;
  --color-royal-milk-tea-50: #fff6f0;
  --color-royal-milk-tea-100: #ffeadd;
  --color-royal-milk-tea-200: #fcd2b7;
  --color-royal-milk-tea-300: #dfbca6;
  --color-royal-milk-tea-400: #c19b83;
  --color-royal-milk-tea-500: #a57f66;
  --color-royal-milk-tea-600: #88644c;
  --color-royal-milk-tea-700: #6e4e38;
  --color-royal-milk-tea-800: #573b28;
  --color-royal-milk-tea-900: #442d1c;
  --color-royal-milk-tea-950: #2c1b0f;
  --color-vintage-copper: #9b5c3f;
  --color-vintage-copper-50: #fff2ec;
  --color-vintage-copper-100: #ffe6db;
  --color-vintage-copper-200: #ffccb5;
  --color-vintage-copper-300: #efb398;
  --color-vintage-copper-400: #d39275;
  --color-vintage-copper-500: #b77658;
  --color-vintage-copper-600: #9b5c3f;
  --color-vintage-copper-700: #7f462c;
  --color-vintage-copper-800: #66351d;
  --color-vintage-copper-900: #512713;
  --color-vintage-copper-950: #341608;
}