Palm Leaf to Foggy Plum Color Palette

About this palette

Palm Leaf to Foggy Plum is a 4-color muted palette: #3F482E (Palm Leaf), #D7F2FC (Water), #947667 (Whisky Barrel), #B2A6BA (Foggy Plum). It mixes green, white, orange, gray tones and feels balanced overall. The strongest text pairing is #3F482E on #D7F2FC with a contrast ratio of 8.26:1, and 1 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Palm Leaf	rgb(63, 72, 46)	hsl(81, 22%, 23%)
Water	rgb(215, 242, 252)	hsl(196, 86%, 92%)
Whisky Barrel	rgb(148, 118, 103)	hsl(20, 18%, 49%)
Foggy Plum	rgb(178, 166, 186)	hsl(276, 13%, 69%)

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.26:1 Very good#3F482E on #D7F2FC
Aa8.26:1 Very good#D7F2FC on #3F482E
Aa4.16:1 Poor#3F482E on #B2A6BA
Aa4.16:1 Poor#B2A6BA on #3F482E
Aa3.57:1 Poor#D7F2FC on #947667
Aa3.57:1 Poor#947667 on #D7F2FC

Color blindness preview

CSS variables

/* Palm Leaf to Foggy Plum — https://swatchly.xyz/palette/3f482e-d7f2fc-947667-b2a6ba */
:root {
  --palm-leaf: #3f482e;
  --water: #d7f2fc;
  --whisky-barrel: #947667;
  --foggy-plum: #b2a6ba;
}

Tailwind CSS v4

/* Palm Leaf to Foggy Plum — https://swatchly.xyz/palette/3f482e-d7f2fc-947667-b2a6ba */
@theme {
  --color-palm-leaf: #3f482e;
  --color-palm-leaf-50: #f2f8e7;
  --color-palm-leaf-100: #e7efdb;
  --color-palm-leaf-200: #d3dbc5;
  --color-palm-leaf-300: #bcc6ac;
  --color-palm-leaf-400: #9ca78b;
  --color-palm-leaf-500: #818c6f;
  --color-palm-leaf-600: #687156;
  --color-palm-leaf-700: #525b42;
  --color-palm-leaf-800: #3f482e;
  --color-palm-leaf-900: #313724;
  --color-palm-leaf-950: #1e2215;
  --color-water: #d7f2fc;
  --color-water-50: #ebf9ff;
  --color-water-100: #d7f2fc;
  --color-water-200: #c9dde4;
  --color-water-300: #b0c6ce;
  --color-water-400: #8fa7b0;
  --color-water-500: #738b94;
  --color-water-600: #597079;
  --color-water-700: #445961;
  --color-water-800: #33464d;
  --color-water-900: #26363b;
  --color-water-950: #162125;
  --color-whisky-barrel: #947667;
  --color-whisky-barrel-50: #fff0e9;
  --color-whisky-barrel-100: #f9e3d8;
  --color-whisky-barrel-200: #e6cdc0;
  --color-whisky-barrel-300: #d0b4a6;
  --color-whisky-barrel-400: #b19383;
  --color-whisky-barrel-500: #947667;
  --color-whisky-barrel-600: #7a5e50;
  --color-whisky-barrel-700: #624a3d;
  --color-whisky-barrel-800: #4f392e;
  --color-whisky-barrel-900: #3e2c22;
  --color-whisky-barrel-950: #281b14;
  --color-foggy-plum: #b2a6ba;
  --color-foggy-plum-50: #fbf6ff;
  --color-foggy-plum-100: #f5edfa;
  --color-foggy-plum-200: #e3dae9;
  --color-foggy-plum-300: #cfc5d6;
  --color-foggy-plum-400: #b2a6ba;
  --color-foggy-plum-500: #94899c;
  --color-foggy-plum-600: #786d7f;
  --color-foggy-plum-700: #5f5566;
  --color-foggy-plum-800: #4a4150;
  --color-foggy-plum-900: #38313d;
  --color-foggy-plum-950: #221d26;
}