Start generating

Cashew Nut to Seashell color palette

EDC8B0Cashew Nut291F15Burnt Coffee63503DTobaccoB9A492Hickory896546Wild HorsesFFF7F1Seashell
Open in generator Export PNG, PDF, ASE…

About this palette

Cashew Nut to Seashell is a 6-color muted, warm, earthy palette: #EDC8B0 (Cashew Nut), #291F15 (Burnt Coffee), #63503D (Tobacco), #B9A492 (Hickory), #896546 (Wild Horses), #FFF7F1 (Seashell). It mixes orange, gray, brown, white tones and feels warm overall. The strongest text pairing is #291F15 on #FFF7F1 with a contrast ratio of 15.24:1, and 6 of its 15 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Cashew Nutrgb(237, 200, 176)hsl(24, 63%, 81%)
Burnt Coffeergb(41, 31, 21)hsl(30, 32%, 12%)
Tobaccorgb(99, 80, 61)hsl(30, 24%, 31%)
Hickoryrgb(185, 164, 146)hsl(28, 22%, 65%)
Wild Horsesrgb(137, 101, 70)hsl(28, 32%, 41%)
Seashellrgb(255, 247, 241)hsl(26, 100%, 97%)

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.

  • Aa15.24:1 Super#291F15 on #FFF7F1
  • Aa15.24:1 Super#FFF7F1 on #291F15
  • Aa10.37:1 Very good#EDC8B0 on #291F15
  • Aa10.37:1 Very good#291F15 on #EDC8B0
  • Aa7.22:1 Very good#63503D on #FFF7F1
  • Aa7.22:1 Very good#FFF7F1 on #63503D
  • Aa6.75:1 Good#291F15 on #B9A492
  • Aa6.75:1 Good#B9A492 on #291F15

Color blindness preview

  • Protanopia
  • Deuteranopia
  • Tritanopia
  • Achromatopsia
  • Dog vision

CSS variables

/* Cashew Nut to Seashell — https://swatchly.xyz/palette/edc8b0-291f15-63503d-b9a492-896546-fff7f1 */
:root {
  --cashew-nut: #edc8b0;
  --burnt-coffee: #291f15;
  --tobacco: #63503d;
  --hickory: #b9a492;
  --wild-horses: #896546;
  --seashell: #fff7f1;
}

Tailwind CSS v4

/* Cashew Nut to Seashell — https://swatchly.xyz/palette/edc8b0-291f15-63503d-b9a492-896546-fff7f1 */
@theme {
  --color-cashew-nut: #edc8b0;
  --color-cashew-nut-50: #ffece0;
  --color-cashew-nut-100: #f9e0d0;
  --color-cashew-nut-200: #edc8b0;
  --color-cashew-nut-300: #d4b49f;
  --color-cashew-nut-400: #b7957f;
  --color-cashew-nut-500: #9d7b65;
  --color-cashew-nut-600: #82624d;
  --color-cashew-nut-700: #6a4d3a;
  --color-cashew-nut-800: #553c2b;
  --color-cashew-nut-900: #432d1f;
  --color-cashew-nut-950: #2b1b11;
  --color-burnt-coffee: #291f15;
  --color-burnt-coffee-50: #fbf4ec;
  --color-burnt-coffee-100: #f2e9e1;
  --color-burnt-coffee-200: #e0d5cc;
  --color-burnt-coffee-300: #cabfb4;
  --color-burnt-coffee-400: #ac9f93;
  --color-burnt-coffee-500: #918478;
  --color-burnt-coffee-600: #766a5f;
  --color-burnt-coffee-700: #5f544a;
  --color-burnt-coffee-800: #4b4239;
  --color-burnt-coffee-900: #3b332b;
  --color-burnt-coffee-950: #291f15;
  --color-tobacco: #63503d;
  --color-tobacco-50: #fff3e7;
  --color-tobacco-100: #f7e8db;
  --color-tobacco-200: #e5d4c4;
  --color-tobacco-300: #d0bdaa;
  --color-tobacco-400: #b19d89;
  --color-tobacco-500: #96816d;
  --color-tobacco-600: #7a6753;
  --color-tobacco-700: #63503d;
  --color-tobacco-800: #4d3e2f;
  --color-tobacco-900: #3c2f22;
  --color-tobacco-950: #261d14;
  --color-hickory: #b9a492;
  --color-hickory-50: #fff6ee;
  --color-hickory-100: #faece1;
  --color-hickory-200: #e9d9cc;
  --color-hickory-300: #d5c3b4;
  --color-hickory-400: #b9a492;
  --color-hickory-500: #9c8776;
  --color-hickory-600: #7f6c5b;
  --color-hickory-700: #665545;
  --color-hickory-800: #504134;
  --color-hickory-900: #3e3126;
  --color-hickory-950: #261d15;
  --color-wild-horses: #896546;
  --color-wild-horses-50: #fff3e9;
  --color-wild-horses-100: #ffe6d2;
  --color-wild-horses-200: #f0d2b9;
  --color-wild-horses-300: #ddbb9e;
  --color-wild-horses-400: #c09a7b;
  --color-wild-horses-500: #a47f5f;
  --color-wild-horses-600: #896546;
  --color-wild-horses-700: #6f4f33;
  --color-wild-horses-800: #593d24;
  --color-wild-horses-900: #452e19;
  --color-wild-horses-950: #2c1b0c;
  --color-seashell: #fff7f1;
  --color-seashell-50: #fff7f1;
  --color-seashell-100: #f2ede9;
  --color-seashell-200: #ded9d4;
  --color-seashell-300: #c8c1bc;
  --color-seashell-400: #a8a19c;
  --color-seashell-500: #8c8580;
  --color-seashell-600: #716a65;
  --color-seashell-700: #5a544f;
  --color-seashell-800: #46413d;
  --color-seashell-900: #36322e;
  --color-seashell-950: #221f1c;
}

Similar palettes