Palm Leaf to Prom Corsage color palette

3A4432Palm Leaf 545D49Tree of Life 5E7957Dill 8A7C9AAmorous B1A2BCPastel Purple E3C8E6Prom Corsage

Open in generator Export PNG, PDF, ASE…

About this palette

Palm Leaf to Prom Corsage is a 6-color muted, cool palette: #3A4432 (Palm Leaf), #545D49 (Tree of Life), #5E7957 (Dill), #8A7C9A (Amorous), #B1A2BC (Pastel Purple), #E3C8E6 (Prom Corsage). It mixes gray, green, purple, pink tones and feels cool overall. The strongest text pairing is #3A4432 on #E3C8E6 with a contrast ratio of 6.66:1, and 1 of its 15 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Palm Leaf	rgb(58, 68, 50)	hsl(93, 15%, 23%)
Tree of Life	rgb(84, 93, 73)	hsl(87, 12%, 33%)
Dill	rgb(94, 121, 87)	hsl(108, 16%, 41%)
Amorous	rgb(138, 124, 154)	hsl(268, 13%, 55%)
Pastel Purple	rgb(177, 162, 188)	hsl(275, 16%, 69%)
Prom Corsage	rgb(227, 200, 230)	hsl(294, 38%, 84%)

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.

Aa6.66:1 Good#3A4432 on #E3C8E6
Aa6.66:1 Good#E3C8E6 on #3A4432
Aa4.50:1 Poor#545D49 on #E3C8E6
Aa4.50:1 Poor#E3C8E6 on #545D49
Aa4.27:1 Poor#3A4432 on #B1A2BC
Aa4.27:1 Poor#B1A2BC on #3A4432
Aa3.14:1 Poor#5E7957 on #E3C8E6
Aa3.14:1 Poor#E3C8E6 on #5E7957

Color blindness preview

CSS variables

/* Palm Leaf to Prom Corsage — https://swatchly.xyz/palette/3a4432-545d49-5e7957-8a7c9a-b1a2bc-e3c8e6 */
:root {
  --palm-leaf: #3a4432;
  --tree-of-life: #545d49;
  --dill: #5e7957;
  --amorous: #8a7c9a;
  --pastel-purple: #b1a2bc;
  --prom-corsage: #e3c8e6;
}

Tailwind CSS v4

/* Palm Leaf to Prom Corsage — https://swatchly.xyz/palette/3a4432-545d49-5e7957-8a7c9a-b1a2bc-e3c8e6 */
@theme {
  --color-palm-leaf: #3a4432;
  --color-palm-leaf-50: #f1f8ec;
  --color-palm-leaf-100: #e6eee0;
  --color-palm-leaf-200: #d2dbcb;
  --color-palm-leaf-300: #bac5b2;
  --color-palm-leaf-400: #9aa591;
  --color-palm-leaf-500: #7e8975;
  --color-palm-leaf-600: #646e5b;
  --color-palm-leaf-700: #4d5746;
  --color-palm-leaf-800: #3a4432;
  --color-palm-leaf-900: #2d3427;
  --color-palm-leaf-950: #1b2017;
  --color-tree-of-life: #545d49;
  --color-tree-of-life-50: #f2f8eb;
  --color-tree-of-life-100: #e7eedf;
  --color-tree-of-life-200: #d4dccb;
  --color-tree-of-life-300: #bdc6b3;
  --color-tree-of-life-400: #9ea893;
  --color-tree-of-life-500: #838d78;
  --color-tree-of-life-600: #6a735f;
  --color-tree-of-life-700: #545d49;
  --color-tree-of-life-800: #414938;
  --color-tree-of-life-900: #32382a;
  --color-tree-of-life-950: #1e2319;
  --color-dill: #5e7957;
  --color-dill-50: #eafbe6;
  --color-dill-100: #e0f3db;
  --color-dill-200: #cbe1c5;
  --color-dill-300: #b3ccac;
  --color-dill-400: #92ae8b;
  --color-dill-500: #779370;
  --color-dill-600: #5e7957;
  --color-dill-700: #486142;
  --color-dill-800: #374c31;
  --color-dill-900: #283a24;
  --color-dill-950: #182514;
  --color-amorous: #8a7c9a;
  --color-amorous-50: #f8f2ff;
  --color-amorous-100: #efe5fa;
  --color-amorous-200: #dbd0e9;
  --color-amorous-300: #c5b8d4;
  --color-amorous-400: #a698b6;
  --color-amorous-500: #8a7c9a;
  --color-amorous-600: #70637f;
  --color-amorous-700: #594d67;
  --color-amorous-800: #463c52;
  --color-amorous-900: #362d40;
  --color-amorous-950: #221c29;
  --color-pastel-purple: #b1a2bc;
  --color-pastel-purple-50: #fbf5ff;
  --color-pastel-purple-100: #f4ebfb;
  --color-pastel-purple-200: #e3d8eb;
  --color-pastel-purple-300: #cec1d8;
  --color-pastel-purple-400: #b1a2bc;
  --color-pastel-purple-500: #94859e;
  --color-pastel-purple-600: #786a82;
  --color-pastel-purple-700: #5f5368;
  --color-pastel-purple-800: #4a3f52;
  --color-pastel-purple-900: #39303f;
  --color-pastel-purple-950: #231c27;
  --color-prom-corsage: #e3c8e6;
  --color-prom-corsage-50: #fcecfd;
  --color-prom-corsage-100: #f2e0f4;
  --color-prom-corsage-200: #e3c8e6;
  --color-prom-corsage-300: #cbb4cd;
  --color-prom-corsage-400: #ad95b0;
  --color-prom-corsage-500: #937a96;
  --color-prom-corsage-600: #78617b;
  --color-prom-corsage-700: #614c64;
  --color-prom-corsage-800: #4d3b50;
  --color-prom-corsage-900: #3c2c3e;
  --color-prom-corsage-950: #261b27;
}