Palm Leaf to Green Relict Color Palette

About this palette

Palm Leaf to Green Relict is a 4-color cool palette: #304C2C (Palm Leaf), #B995BD (Dripping Wisteria), #F6DDFF (Grape Taffy), #758861 (Green Relict). It mixes green, pink, purple tones and feels cool overall. The strongest text pairing is #304C2C on #F6DDFF with a contrast ratio of 7.61:1, and 1 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Palm Leaf	rgb(48, 76, 44)	hsl(112, 27%, 24%)
Dripping Wisteria	rgb(185, 149, 189)	hsl(294, 23%, 66%)
Grape Taffy	rgb(246, 221, 255)	hsl(284, 100%, 93%)
Green Relict	rgb(117, 136, 97)	hsl(89, 17%, 46%)

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.

Aa7.61:1 Very good#304C2C on #F6DDFF
Aa7.61:1 Very good#F6DDFF on #304C2C
Aa3.69:1 Poor#304C2C on #B995BD
Aa3.69:1 Poor#B995BD on #304C2C
Aa3.06:1 Poor#F6DDFF on #758861
Aa3.06:1 Poor#758861 on #F6DDFF

Color blindness preview

CSS variables

/* Palm Leaf to Green Relict — https://swatchly.xyz/palette/304c2c-b995bd-f6ddff-758861 */
:root {
  --palm-leaf: #304c2c;
  --dripping-wisteria: #b995bd;
  --grape-taffy: #f6ddff;
  --green-relict: #758861;
}

Tailwind CSS v4

/* Palm Leaf to Green Relict — https://swatchly.xyz/palette/304c2c-b995bd-f6ddff-758861 */
@theme {
  --color-palm-leaf: #304c2c;
  --color-palm-leaf-50: #e9fbe6;
  --color-palm-leaf-100: #ddf2da;
  --color-palm-leaf-200: #c7e0c3;
  --color-palm-leaf-300: #afcaaa;
  --color-palm-leaf-400: #8eac89;
  --color-palm-leaf-500: #72916d;
  --color-palm-leaf-600: #597654;
  --color-palm-leaf-700: #445f40;
  --color-palm-leaf-800: #304c2c;
  --color-palm-leaf-900: #263a23;
  --color-palm-leaf-950: #162414;
  --color-dripping-wisteria: #b995bd;
  --color-dripping-wisteria-50: #fef1ff;
  --color-dripping-wisteria-100: #fbe3fd;
  --color-dripping-wisteria-200: #eaceed;
  --color-dripping-wisteria-300: #d6b6d9;
  --color-dripping-wisteria-400: #b995bd;
  --color-dripping-wisteria-500: #9c7aa0;
  --color-dripping-wisteria-600: #805f84;
  --color-dripping-wisteria-700: #684a6b;
  --color-dripping-wisteria-800: #523855;
  --color-dripping-wisteria-900: #402a42;
  --color-dripping-wisteria-950: #28192a;
  --color-grape-taffy: #f6ddff;
  --color-grape-taffy-50: #faecff;
  --color-grape-taffy-100: #f6ddff;
  --color-grape-taffy-200: #dfcde6;
  --color-grape-taffy-300: #cbb6d2;
  --color-grape-taffy-400: #ad96b5;
  --color-grape-taffy-500: #927b9a;
  --color-grape-taffy-600: #78627f;
  --color-grape-taffy-700: #604d67;
  --color-grape-taffy-800: #4c3b52;
  --color-grape-taffy-900: #3b2d40;
  --color-grape-taffy-950: #251b29;
  --color-green-relict: #758861;
  --color-green-relict-50: #edf9e1;
  --color-green-relict-100: #e1efd4;
  --color-green-relict-200: #cbdbbb;
  --color-green-relict-300: #b2c4a0;
  --color-green-relict-400: #91a47d;
  --color-green-relict-500: #758861;
  --color-green-relict-600: #5c6e49;
  --color-green-relict-700: #485837;
  --color-green-relict-800: #374528;
  --color-green-relict-900: #2a361d;
  --color-green-relict-950: #192210;
}