Maison Verte to Peach Bud color palette

E2F0DBMaison Verte 28AAAFTeal Me No Lies 593A5CLong Passionate Night 486D33Botanical F3B2A9Peach Bud

Open in generator Export PNG, PDF, ASE…

About this palette

Maison Verte to Peach Bud is a 5-color cool palette: #E2F0DB (Maison Verte), #28AAAF (Teal Me No Lies), #593A5C (Long Passionate Night), #486D33 (Botanical), #F3B2A9 (Peach Bud). It mixes white, turquoise, purple, green, pink tones and feels cool overall. The strongest text pairing is #E2F0DB on #593A5C with a contrast ratio of 8.11:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Maison Verte	rgb(226, 240, 219)	hsl(100, 41%, 90%)
Teal Me No Lies	rgb(40, 170, 175)	hsl(182, 63%, 42%)
Long Passionate Night	rgb(89, 58, 92)	hsl(295, 23%, 29%)
Botanical	rgb(72, 109, 51)	hsl(98, 36%, 31%)
Peach Bud	rgb(243, 178, 169)	hsl(7, 76%, 81%)

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.11:1 Very good#E2F0DB on #593A5C
Aa8.11:1 Very good#593A5C on #E2F0DB
Aa5.38:1 Good#593A5C on #F3B2A9
Aa5.38:1 Good#F3B2A9 on #593A5C
Aa5.05:1 Good#E2F0DB on #486D33
Aa5.05:1 Good#486D33 on #E2F0DB
Aa3.41:1 Poor#28AAAF on #593A5C
Aa3.41:1 Poor#593A5C on #28AAAF

Color blindness preview

CSS variables

/* Maison Verte to Peach Bud — https://swatchly.xyz/palette/e2f0db-28aaaf-593a5c-486d33-f3b2a9 */
:root {
  --maison-verte: #e2f0db;
  --teal-me-no-lies: #28aaaf;
  --long-passionate-night: #593a5c;
  --botanical: #486d33;
  --peach-bud: #f3b2a9;
}

Tailwind CSS v4

/* Maison Verte to Peach Bud — https://swatchly.xyz/palette/e2f0db-28aaaf-593a5c-486d33-f3b2a9 */
@theme {
  --color-maison-verte: #e2f0db;
  --color-maison-verte-50: #f0f8ec;
  --color-maison-verte-100: #e2f0db;
  --color-maison-verte-200: #d1dbcc;
  --color-maison-verte-300: #b9c5b4;
  --color-maison-verte-400: #99a693;
  --color-maison-verte-500: #7e8b78;
  --color-maison-verte-600: #64705e;
  --color-maison-verte-700: #4e5949;
  --color-maison-verte-800: #3c4638;
  --color-maison-verte-900: #2e362a;
  --color-maison-verte-950: #1c2119;
  --color-teal-me-no-lies: #28aaaf;
  --color-teal-me-no-lies-50: #c7fdff;
  --color-teal-me-no-lies-100: #aef4f7;
  --color-teal-me-no-lies-200: #8be1e4;
  --color-teal-me-no-lies-300: #65cace;
  --color-teal-me-no-lies-400: #28aaaf;
  --color-teal-me-no-lies-500: #008f94;
  --color-teal-me-no-lies-600: #007477;
  --color-teal-me-no-lies-700: #005c60;
  --color-teal-me-no-lies-800: #00494c;
  --color-teal-me-no-lies-900: #00393b;
  --color-teal-me-no-lies-950: #002527;
  --color-long-passionate-night: #593a5c;
  --color-long-passionate-night-50: #fef0ff;
  --color-long-passionate-night-100: #fae2fc;
  --color-long-passionate-night-200: #e9cdeb;
  --color-long-passionate-night-300: #d5b6d8;
  --color-long-passionate-night-400: #b896bb;
  --color-long-passionate-night-500: #9d7ba1;
  --color-long-passionate-night-600: #836286;
  --color-long-passionate-night-700: #6b4d6e;
  --color-long-passionate-night-800: #593a5c;
  --color-long-passionate-night-900: #442d46;
  --color-long-passionate-night-950: #2c1b2d;
  --color-botanical: #486d33;
  --color-botanical-50: #e6fedb;
  --color-botanical-100: #d8f3cb;
  --color-botanical-200: #bfdfaf;
  --color-botanical-300: #a3c891;
  --color-botanical-400: #80a76c;
  --color-botanical-500: #638a4f;
  --color-botanical-600: #486d33;
  --color-botanical-700: #375725;
  --color-botanical-800: #294419;
  --color-botanical-900: #1e3510;
  --color-botanical-950: #112107;
  --color-peach-bud: #f3b2a9;
  --color-peach-bud-50: #fff4f3;
  --color-peach-bud-100: #ffe8e4;
  --color-peach-bud-200: #fecdc6;
  --color-peach-bud-300: #f3b2a9;
  --color-peach-bud-400: #cf938b;
  --color-peach-bud-500: #b3766e;
  --color-peach-bud-600: #955c55;
  --color-peach-bud-700: #7a4640;
  --color-peach-bud-800: #61342f;
  --color-peach-bud-900: #4c2722;
  --color-peach-bud-950: #311613;
}