Start generating

English Walnut to Crème de Pêche color palette

442C21English Walnut5F4744Mustang99735EWhisky BarrelC99B9FSavoury SalmonCAC2AFOatmealFCF4E2Crème de Pêche
Open in generator Export PNG, PDF, ASE…

About this palette

English Walnut to Crème de Pêche is a 6-color muted, gradient palette: #442C21 (English Walnut), #5F4744 (Mustang), #99735E (Whisky Barrel), #C99B9F (Savoury Salmon), #CAC2AF (Oatmeal), #FCF4E2 (Crème de Pêche). It mixes brown, gray, orange, red, white tones and feels warm overall. The strongest text pairing is #442C21 on #FCF4E2 with a contrast ratio of 11.78:1, and 5 of its 15 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
English Walnutrgb(68, 44, 33)hsl(19, 35%, 20%)
Mustangrgb(95, 71, 68)hsl(7, 17%, 32%)
Whisky Barrelrgb(153, 115, 94)hsl(21, 24%, 48%)
Savoury Salmonrgb(201, 155, 159)hsl(355, 30%, 70%)
Oatmealrgb(202, 194, 175)hsl(42, 20%, 74%)
Crème de Pêchergb(252, 244, 226)hsl(42, 81%, 94%)

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.

  • Aa11.78:1 Very good#442C21 on #FCF4E2
  • Aa11.78:1 Very good#FCF4E2 on #442C21
  • Aa7.76:1 Very good#5F4744 on #FCF4E2
  • Aa7.76:1 Very good#FCF4E2 on #5F4744
  • Aa7.28:1 Very good#442C21 on #CAC2AF
  • Aa7.28:1 Very good#CAC2AF on #442C21
  • Aa5.33:1 Good#442C21 on #C99B9F
  • Aa5.33:1 Good#C99B9F on #442C21

Color blindness preview

  • Protanopia
  • Deuteranopia
  • Tritanopia
  • Achromatopsia
  • Dog vision

CSS variables

/* English Walnut to Crème de Pêche — https://swatchly.xyz/palette/442c21-5f4744-99735e-c99b9f-cac2af-fcf4e2 */
:root {
  --english-walnut: #442c21;
  --mustang: #5f4744;
  --whisky-barrel: #99735e;
  --savoury-salmon: #c99b9f;
  --oatmeal: #cac2af;
  --cr-me-de-p-che: #fcf4e2;
}

Tailwind CSS v4

/* English Walnut to Crème de Pêche — https://swatchly.xyz/palette/442c21-5f4744-99735e-c99b9f-cac2af-fcf4e2 */
@theme {
  --color-english-walnut: #442c21;
  --color-english-walnut-50: #fff2ec;
  --color-english-walnut-100: #fae6de;
  --color-english-walnut-200: #e9d2c7;
  --color-english-walnut-300: #d5bbaf;
  --color-english-walnut-400: #b79a8e;
  --color-english-walnut-500: #9c7f72;
  --color-english-walnut-600: #806559;
  --color-english-walnut-700: #674f44;
  --color-english-walnut-800: #523d33;
  --color-english-walnut-900: #442c21;
  --color-english-walnut-950: #281c16;
  --color-mustang: #5f4744;
  --color-mustang-50: #fff2f0;
  --color-mustang-100: #f9e6e4;
  --color-mustang-200: #e6d0cd;
  --color-mustang-300: #d0b7b4;
  --color-mustang-400: #b19693;
  --color-mustang-500: #947976;
  --color-mustang-600: #775e5b;
  --color-mustang-700: #5f4744;
  --color-mustang-800: #4a3735;
  --color-mustang-900: #392a28;
  --color-mustang-950: #241918;
  --color-whisky-barrel: #99735e;
  --color-whisky-barrel-50: #fff0e8;
  --color-whisky-barrel-100: #fde1d2;
  --color-whisky-barrel-200: #ebcbb9;
  --color-whisky-barrel-300: #d6b19e;
  --color-whisky-barrel-400: #b6907b;
  --color-whisky-barrel-500: #99735e;
  --color-whisky-barrel-600: #7e5b47;
  --color-whisky-barrel-700: #674735;
  --color-whisky-barrel-800: #523727;
  --color-whisky-barrel-900: #412a1d;
  --color-whisky-barrel-950: #2a1910;
  --color-savoury-salmon: #c99b9f;
  --color-savoury-salmon-50: #fff5f6;
  --color-savoury-salmon-100: #ffe9ea;
  --color-savoury-salmon-200: #f5d3d5;
  --color-savoury-salmon-300: #e3bcbf;
  --color-savoury-salmon-400: #c99b9f;
  --color-savoury-salmon-500: #ab7f83;
  --color-savoury-salmon-600: #8d6367;
  --color-savoury-salmon-700: #724d50;
  --color-savoury-salmon-800: #5b3a3d;
  --color-savoury-salmon-900: #472b2e;
  --color-savoury-salmon-950: #2c191b;
  --color-oatmeal: #cac2af;
  --color-oatmeal-50: #faf6eb;
  --color-oatmeal-100: #f1ece0;
  --color-oatmeal-200: #ded8ca;
  --color-oatmeal-300: #cac2af;
  --color-oatmeal-400: #aaa291;
  --color-oatmeal-500: #8e8775;
  --color-oatmeal-600: #736c5b;
  --color-oatmeal-700: #5c5546;
  --color-oatmeal-800: #484235;
  --color-oatmeal-900: #373227;
  --color-oatmeal-950: #221f17;
  --color-cr-me-de-p-che: #fcf4e2;
  --color-cr-me-de-p-che-50: #fcf4e2;
  --color-cr-me-de-p-che-100: #efeadf;
  --color-cr-me-de-p-che-200: #dcd7ca;
  --color-cr-me-de-p-che-300: #c7c0b1;
  --color-cr-me-de-p-che-400: #a8a191;
  --color-cr-me-de-p-che-500: #8d8575;
  --color-cr-me-de-p-che-600: #726b5c;
  --color-cr-me-de-p-che-700: #5b5547;
  --color-cr-me-de-p-che-800: #474236;
  --color-cr-me-de-p-che-900: #373228;
  --color-cr-me-de-p-che-950: #221f18;
}

Similar palettes