Herbal Vapours to Berries Galore color palette

DDFFD9Herbal Vapours 4E621CForestial Outpost C2A1DCEnchanted Lavender 512959Acai A877B8Berries Galore

Open in generator Export PNG, PDF, ASE…

About this palette

Herbal Vapours to Berries Galore is a 5-color cool palette: #DDFFD9 (Herbal Vapours), #4E621C (Forestial Outpost), #C2A1DC (Enchanted Lavender), #512959 (Acai), #A877B8 (Berries Galore). It mixes green, purple tones and feels cool overall. The strongest text pairing is #DDFFD9 on #512959 with a contrast ratio of 10.70:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Herbal Vapours	rgb(221, 255, 217)	hsl(114, 100%, 93%)
Forestial Outpost	rgb(78, 98, 28)	hsl(77, 56%, 25%)
Enchanted Lavender	rgb(194, 161, 220)	hsl(274, 46%, 75%)
Acai	rgb(81, 41, 89)	hsl(290, 37%, 25%)
Berries Galore	rgb(168, 119, 184)	hsl(285, 31%, 59%)

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.

Aa10.70:1 Very good#DDFFD9 on #512959
Aa10.70:1 Very good#512959 on #DDFFD9
Aa6.28:1 Good#DDFFD9 on #4E621C
Aa6.28:1 Good#4E621C on #DDFFD9
Aa5.20:1 Good#C2A1DC on #512959
Aa5.20:1 Good#512959 on #C2A1DC
Aa3.31:1 Poor#512959 on #A877B8
Aa3.31:1 Poor#A877B8 on #512959

Color blindness preview

CSS variables

/* Herbal Vapours to Berries Galore — https://swatchly.xyz/palette/ddffd9-4e621c-c2a1dc-512959-a877b8 */
:root {
  --herbal-vapours: #ddffd9;
  --forestial-outpost: #4e621c;
  --enchanted-lavender: #c2a1dc;
  --acai: #512959;
  --berries-galore: #a877b8;
}

Tailwind CSS v4

/* Herbal Vapours to Berries Galore — https://swatchly.xyz/palette/ddffd9-4e621c-c2a1dc-512959-a877b8 */
@theme {
  --color-herbal-vapours: #ddffd9;
  --color-herbal-vapours-50: #ddffd9;
  --color-herbal-vapours-100: #dcf1da;
  --color-herbal-vapours-200: #c6dfc3;
  --color-herbal-vapours-300: #aec9aa;
  --color-herbal-vapours-400: #8cab89;
  --color-herbal-vapours-500: #71906e;
  --color-herbal-vapours-600: #587554;
  --color-herbal-vapours-700: #435d40;
  --color-herbal-vapours-800: #324930;
  --color-herbal-vapours-900: #253923;
  --color-herbal-vapours-950: #152414;
  --color-forestial-outpost: #4e621c;
  --color-forestial-outpost-50: #edfcd5;
  --color-forestial-outpost-100: #e3f3c7;
  --color-forestial-outpost-200: #cee1ad;
  --color-forestial-outpost-300: #b7cc91;
  --color-forestial-outpost-400: #98ae6c;
  --color-forestial-outpost-500: #7d934f;
  --color-forestial-outpost-600: #647935;
  --color-forestial-outpost-700: #4e621c;
  --color-forestial-outpost-800: #3c4d13;
  --color-forestial-outpost-900: #2d3b08;
  --color-forestial-outpost-950: #1b2502;
  --color-enchanted-lavender: #c2a1dc;
  --color-enchanted-lavender-50: #fcf9ff;
  --color-enchanted-lavender-100: #f8efff;
  --color-enchanted-lavender-200: #eed8ff;
  --color-enchanted-lavender-300: #dcc2f2;
  --color-enchanted-lavender-400: #c2a1dc;
  --color-enchanted-lavender-500: #a383bc;
  --color-enchanted-lavender-600: #85669d;
  --color-enchanted-lavender-700: #6b4e80;
  --color-enchanted-lavender-800: #533a66;
  --color-enchanted-lavender-900: #3f2a4f;
  --color-enchanted-lavender-950: #271831;
  --color-acai: #512959;
  --color-acai-50: #fdf0ff;
  --color-acai-100: #fae1ff;
  --color-acai-200: #edc9f4;
  --color-acai-300: #d8afe0;
  --color-acai-400: #b98dc1;
  --color-acai-500: #9c70a5;
  --color-acai-600: #7e5587;
  --color-acai-700: #643f6c;
  --color-acai-800: #512959;
  --color-acai-900: #3c2241;
  --color-acai-950: #261329;
  --color-berries-galore: #a877b8;
  --color-berries-galore-50: #fcf3ff;
  --color-berries-galore-100: #f9e6ff;
  --color-berries-galore-200: #f1cbfe;
  --color-berries-galore-300: #deb3ec;
  --color-berries-galore-400: #c293d2;
  --color-berries-galore-500: #a877b8;
  --color-berries-galore-600: #8b5c9a;
  --color-berries-galore-700: #71457e;
  --color-berries-galore-800: #593366;
  --color-berries-galore-900: #462550;
  --color-berries-galore-950: #2c1533;
}