Start generating

Silkworm to Black Cherry color palette

EFEDCCSilkworm91B69ELichen8C855EIguana4B6B52Toad King2D345AMidnight Escapade2C1727Black Cherry
Open in generator Export PNG, PDF, ASE…

About this palette

Silkworm to Black Cherry is a 6-color muted, earthy, vintage palette: #EFEDCC (Silkworm), #91B69E (Lichen), #8C855E (Iguana), #4B6B52 (Toad King), #2D345A (Midnight Escapade), #2C1727 (Black Cherry). It mixes yellow, green, blue, purple tones and feels balanced overall. The strongest text pairing is #EFEDCC on #2C1727 with a contrast ratio of 14.02:1, and 5 of its 15 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Silkwormrgb(239, 237, 204)hsl(57, 52%, 87%)
Lichenrgb(145, 182, 158)hsl(141, 20%, 64%)
Iguanargb(140, 133, 94)hsl(51, 20%, 46%)
Toad Kingrgb(75, 107, 82)hsl(133, 18%, 36%)
Midnight Escapadergb(45, 52, 90)hsl(231, 33%, 26%)
Black Cherryrgb(44, 23, 39)hsl(314, 31%, 13%)

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.

  • Aa14.02:1 Super#EFEDCC on #2C1727
  • Aa14.02:1 Super#2C1727 on #EFEDCC
  • Aa10.09:1 Very good#EFEDCC on #2D345A
  • Aa10.09:1 Very good#2D345A on #EFEDCC
  • Aa7.46:1 Very good#91B69E on #2C1727
  • Aa7.46:1 Very good#2C1727 on #91B69E
  • Aa5.36:1 Good#91B69E on #2D345A
  • Aa5.36:1 Good#2D345A on #91B69E

Color blindness preview

  • Protanopia
  • Deuteranopia
  • Tritanopia
  • Achromatopsia
  • Dog vision

CSS variables

/* Silkworm to Black Cherry — https://swatchly.xyz/palette/efedcc-91b69e-8c855e-4b6b52-2d345a-2c1727 */
:root {
  --silkworm: #efedcc;
  --lichen: #91b69e;
  --iguana: #8c855e;
  --toad-king: #4b6b52;
  --midnight-escapade: #2d345a;
  --black-cherry: #2c1727;
}

Tailwind CSS v4

/* Silkworm to Black Cherry — https://swatchly.xyz/palette/efedcc-91b69e-8c855e-4b6b52-2d345a-2c1727 */
@theme {
  --color-silkworm: #efedcc;
  --color-silkworm-50: #f7f6e4;
  --color-silkworm-100: #efedcc;
  --color-silkworm-200: #dad9c1;
  --color-silkworm-300: #c4c2a7;
  --color-silkworm-400: #a5a385;
  --color-silkworm-500: #8a886a;
  --color-silkworm-600: #6f6d51;
  --color-silkworm-700: #59573d;
  --color-silkworm-800: #45442d;
  --color-silkworm-900: #353420;
  --color-silkworm-950: #212012;
  --color-lichen: #91b69e;
  --color-lichen-50: #ebfff1;
  --color-lichen-100: #e1f7e8;
  --color-lichen-200: #cce6d5;
  --color-lichen-300: #b4d2be;
  --color-lichen-400: #91b69e;
  --color-lichen-500: #749881;
  --color-lichen-600: #597c65;
  --color-lichen-700: #42624e;
  --color-lichen-800: #314d3b;
  --color-lichen-900: #233a2c;
  --color-lichen-950: #132419;
  --color-iguana: #8c855e;
  --color-iguana-50: #f9f6de;
  --color-iguana-100: #f0ebd1;
  --color-iguana-200: #ddd7b8;
  --color-iguana-300: #c7c09d;
  --color-iguana-400: #a8a17a;
  --color-iguana-500: #8c855e;
  --color-iguana-600: #726b46;
  --color-iguana-700: #5b5533;
  --color-iguana-800: #474224;
  --color-iguana-900: #373319;
  --color-iguana-950: #231f0d;
  --color-toad-king: #4b6b52;
  --color-toad-king-50: #e8fbeb;
  --color-toad-king-100: #daf0de;
  --color-toad-king-200: #c1dcc6;
  --color-toad-king-300: #a6c5ac;
  --color-toad-king-400: #83a48a;
  --color-toad-king-500: #66876d;
  --color-toad-king-600: #4b6b52;
  --color-toad-king-700: #3a5540;
  --color-toad-king-800: #2b4330;
  --color-toad-king-900: #203424;
  --color-toad-king-950: #122115;
  --color-midnight-escapade: #2d345a;
  --color-midnight-escapade-50: #f2f5ff;
  --color-midnight-escapade-100: #e5eaff;
  --color-midnight-escapade-200: #cdd6f9;
  --color-midnight-escapade-300: #b5bfe7;
  --color-midnight-escapade-400: #96a0cb;
  --color-midnight-escapade-500: #7b85b1;
  --color-midnight-escapade-600: #626c95;
  --color-midnight-escapade-700: #4e567c;
  --color-midnight-escapade-800: #3d4466;
  --color-midnight-escapade-900: #2d345a;
  --color-midnight-escapade-950: #1d2136;
  --color-black-cherry: #2c1727;
  --color-black-cherry-50: #fff0fb;
  --color-black-cherry-100: #f7e5f2;
  --color-black-cherry-200: #e6d0e0;
  --color-black-cherry-300: #d1b8ca;
  --color-black-cherry-400: #b398ab;
  --color-black-cherry-500: #987d90;
  --color-black-cherry-600: #7c6375;
  --color-black-cherry-700: #644d5e;
  --color-black-cherry-800: #4f3b4a;
  --color-black-cherry-900: #3e2d39;
  --color-black-cherry-950: #2c1727;
}

Similar palettes