Forestry to Grape Taffy color palette

35401DForestry 764FA4Royal Lavender A48FC1Enchanted Lilac A3C787Fiddle-Leaf Fig EADEFEGrape Taffy

About this palette

Forestry to Grape Taffy is a 5-color cool palette: #35401D (Forestry), #764FA4 (Royal Lavender), #A48FC1 (Enchanted Lilac), #A3C787 (Fiddle-Leaf Fig), #EADEFE (Grape Taffy). It mixes green, purple tones and feels cool overall. The strongest text pairing is #35401D on #EADEFE with a contrast ratio of 8.61:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Forestry	rgb(53, 64, 29)	hsl(79, 38%, 18%)
Royal Lavender	rgb(118, 79, 164)	hsl(268, 35%, 48%)
Enchanted Lilac	rgb(164, 143, 193)	hsl(265, 29%, 66%)
Fiddle-Leaf Fig	rgb(163, 199, 135)	hsl(94, 36%, 65%)
Grape Taffy	rgb(234, 222, 254)	hsl(262, 94%, 93%)

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.

Aa8.61:1 Very good#35401D on #EADEFE
Aa8.61:1 Very good#EADEFE on #35401D
Aa5.82:1 Good#35401D on #A3C787
Aa5.82:1 Good#A3C787 on #35401D
Aa4.78:1 Good#764FA4 on #EADEFE
Aa4.78:1 Good#EADEFE on #764FA4
Aa3.83:1 Poor#35401D on #A48FC1
Aa3.83:1 Poor#A48FC1 on #35401D

Color blindness preview

CSS variables

/* Forestry to Grape Taffy — https://swatchly.xyz/palette/35401d-764fa4-a48fc1-a3c787-eadefe */
:root {
  --forestry: #35401d;
  --royal-lavender: #764fa4;
  --enchanted-lilac: #a48fc1;
  --fiddle-leaf-fig: #a3c787;
  --grape-taffy: #eadefe;
}

Tailwind CSS v4

/* Forestry to Grape Taffy — https://swatchly.xyz/palette/35401d-764fa4-a48fc1-a3c787-eadefe */
@theme {
  --color-forestry: #35401d;
  --color-forestry-50: #f1f9e2;
  --color-forestry-100: #e6f0d6;
  --color-forestry-200: #d2ddbe;
  --color-forestry-300: #b9c5a3;
  --color-forestry-400: #97a57f;
  --color-forestry-500: #7b8862;
  --color-forestry-600: #606c48;
  --color-forestry-700: #495434;
  --color-forestry-800: #35401d;
  --color-forestry-900: #29301a;
  --color-forestry-950: #181d0d;
  --color-royal-lavender: #764fa4;
  --color-royal-lavender-50: #f7f3ff;
  --color-royal-lavender-100: #efe5ff;
  --color-royal-lavender-200: #dfcaff;
  --color-royal-lavender-300: #cdabfb;
  --color-royal-lavender-400: #ae88df;
  --color-royal-lavender-500: #926bc2;
  --color-royal-lavender-600: #764fa4;
  --color-royal-lavender-700: #5f3c87;
  --color-royal-lavender-800: #4b2c6d;
  --color-royal-lavender-900: #3b2057;
  --color-royal-lavender-950: #25123a;
  --color-enchanted-lilac: #a48fc1;
  --color-enchanted-lilac-50: #f5efff;
  --color-enchanted-lilac-100: #ede1ff;
  --color-enchanted-lilac-200: #dacaf2;
  --color-enchanted-lilac-300: #c3b1de;
  --color-enchanted-lilac-400: #a48fc1;
  --color-enchanted-lilac-500: #8a75a6;
  --color-enchanted-lilac-600: #705d8a;
  --color-enchanted-lilac-700: #5a4871;
  --color-enchanted-lilac-800: #47385b;
  --color-enchanted-lilac-900: #382a49;
  --color-enchanted-lilac-950: #241a30;
  --color-fiddle-leaf-fig: #a3c787;
  --color-fiddle-leaf-fig-50: #e4fad4;
  --color-fiddle-leaf-fig-100: #d7f0c5;
  --color-fiddle-leaf-fig-200: #c0dcaa;
  --color-fiddle-leaf-fig-300: #a3c787;
  --color-fiddle-leaf-fig-400: #86a86b;
  --color-fiddle-leaf-fig-500: #6c8e50;
  --color-fiddle-leaf-fig-600: #547439;
  --color-fiddle-leaf-fig-700: #415d27;
  --color-fiddle-leaf-fig-800: #314a1a;
  --color-fiddle-leaf-fig-900: #253a10;
  --color-fiddle-leaf-fig-950: #152407;
  --color-grape-taffy: #eadefe;
  --color-grape-taffy-50: #f3ecff;
  --color-grape-taffy-100: #eadefe;
  --color-grape-taffy-200: #d6cde5;
  --color-grape-taffy-300: #c1b7d2;
  --color-grape-taffy-400: #a398b5;
  --color-grape-taffy-500: #897e9b;
  --color-grape-taffy-600: #706580;
  --color-grape-taffy-700: #5a5069;
  --color-grape-taffy-800: #463e53;
  --color-grape-taffy-900: #362f41;
  --color-grape-taffy-950: #221c29;
}