Forestry to Perfume Haze Color Palette

About this palette

Forestry to Perfume Haze is a 5-color cool, earthy palette: #303D1D (Forestry), #5C4483 (In the Vines), #859C72 (Sleepy Hollow), #A8CA93 (Oh Pistachio), #F6E9FF (Perfume Haze). It mixes green, purple, white tones and feels cool overall. The strongest text pairing is #303D1D on #F6E9FF with a contrast ratio of 9.95:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Forestry	rgb(48, 61, 29)	hsl(84, 36%, 18%)
In the Vines	rgb(92, 68, 131)	hsl(263, 32%, 39%)
Sleepy Hollow	rgb(133, 156, 114)	hsl(93, 18%, 53%)
Oh Pistachio	rgb(168, 202, 147)	hsl(97, 34%, 68%)
Perfume Haze	rgb(246, 233, 255)	hsl(275, 100%, 96%)

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.

Aa9.95:1 Very good#303D1D on #F6E9FF
Aa9.95:1 Very good#F6E9FF on #303D1D
Aa6.90:1 Good#5C4483 on #F6E9FF
Aa6.90:1 Good#F6E9FF on #5C4483
Aa6.37:1 Good#303D1D on #A8CA93
Aa6.37:1 Good#A8CA93 on #303D1D
Aa4.42:1 Poor#5C4483 on #A8CA93
Aa4.42:1 Poor#A8CA93 on #5C4483

Color blindness preview

CSS variables

/* Forestry to Perfume Haze — https://swatchly.xyz/palette/303d1d-5c4483-859c72-a8ca93-f6e9ff */
:root {
  --forestry: #303d1d;
  --in-the-vines: #5c4483;
  --sleepy-hollow: #859c72;
  --oh-pistachio: #a8ca93;
  --perfume-haze: #f6e9ff;
}

Tailwind CSS v4

/* Forestry to Perfume Haze — https://swatchly.xyz/palette/303d1d-5c4483-859c72-a8ca93-f6e9ff */
@theme {
  --color-forestry: #303d1d;
  --color-forestry-50: #f0f9e4;
  --color-forestry-100: #e5f0d8;
  --color-forestry-200: #d0ddc1;
  --color-forestry-300: #b9c7a7;
  --color-forestry-400: #9aa986;
  --color-forestry-500: #7f8f6b;
  --color-forestry-600: #667553;
  --color-forestry-700: #515e3f;
  --color-forestry-800: #404c30;
  --color-forestry-900: #303d1d;
  --color-forestry-950: #1f2614;
  --color-in-the-vines: #5c4483;
  --color-in-the-vines-50: #f7f3ff;
  --color-in-the-vines-100: #eee7ff;
  --color-in-the-vines-200: #ddcdff;
  --color-in-the-vines-300: #c8b4f1;
  --color-in-the-vines-400: #a992d5;
  --color-in-the-vines-500: #8e76b9;
  --color-in-the-vines-600: #735b9b;
  --color-in-the-vines-700: #5c4483;
  --color-in-the-vines-800: #483567;
  --color-in-the-vines-900: #372752;
  --color-in-the-vines-950: #231735;
  --color-sleepy-hollow: #859c72;
  --color-sleepy-hollow-50: #effde5;
  --color-sleepy-hollow-100: #e7f6db;
  --color-sleepy-hollow-200: #d4e5c6;
  --color-sleepy-hollow-300: #bed2ae;
  --color-sleepy-hollow-400: #9fb58d;
  --color-sleepy-hollow-500: #859c72;
  --color-sleepy-hollow-600: #697f56;
  --color-sleepy-hollow-700: #51653f;
  --color-sleepy-hollow-800: #3d4f2e;
  --color-sleepy-hollow-900: #2d3c20;
  --color-sleepy-hollow-950: #1a2511;
  --color-oh-pistachio: #a8ca93;
  --color-oh-pistachio-50: #e7fbdb;
  --color-oh-pistachio-100: #dbf1ce;
  --color-oh-pistachio-200: #c4deb4;
  --color-oh-pistachio-300: #a8ca93;
  --color-oh-pistachio-400: #8baa77;
  --color-oh-pistachio-500: #708f5b;
  --color-oh-pistachio-600: #577543;
  --color-oh-pistachio-700: #425e30;
  --color-oh-pistachio-800: #324a22;
  --color-oh-pistachio-900: #253a17;
  --color-oh-pistachio-950: #16240b;
  --color-perfume-haze: #f6e9ff;
  --color-perfume-haze-50: #fbf6ff;
  --color-perfume-haze-100: #f6e9ff;
  --color-perfume-haze-200: #e0d6e6;
  --color-perfume-haze-300: #c9bed0;
  --color-perfume-haze-400: #aa9eb2;
  --color-perfume-haze-500: #8e8296;
  --color-perfume-haze-600: #72677a;
  --color-perfume-haze-700: #5b5162;
  --color-perfume-haze-800: #473e4d;
  --color-perfume-haze-900: #372f3c;
  --color-perfume-haze-950: #221d26;
}