Minted Elegance to Jade Sea color palette

71C895Minted Elegance 4D986DNatural Orchestra 2D6D47Into the Green 224731Zucchini BCDDC9Jade Sea

About this palette

Minted Elegance to Jade Sea is a 5-color cool, earthy, monochromatic palette: #71C895 (Minted Elegance), #4D986D (Natural Orchestra), #2D6D47 (Into the Green), #224731 (Zucchini), #BCDDC9 (Jade Sea). It mixes green tones and feels cool overall. The strongest text pairing is #224731 on #BCDDC9 with a contrast ratio of 7.11:1, and 2 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Minted Elegance	rgb(113, 200, 149)	hsl(145, 44%, 61%)
Natural Orchestra	rgb(77, 152, 109)	hsl(146, 33%, 45%)
Into the Green	rgb(45, 109, 71)	hsl(144, 42%, 30%)
Zucchini	rgb(34, 71, 49)	hsl(144, 35%, 21%)
Jade Sea	rgb(188, 221, 201)	hsl(144, 33%, 80%)

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.

Aa7.11:1 Very good#224731 on #BCDDC9
Aa7.11:1 Very good#BCDDC9 on #224731
Aa5.16:1 Good#71C895 on #224731
Aa5.16:1 Good#224731 on #71C895
Aa4.23:1 Poor#2D6D47 on #BCDDC9
Aa4.23:1 Poor#BCDDC9 on #2D6D47
Aa3.07:1 Poor#71C895 on #2D6D47
Aa3.07:1 Poor#2D6D47 on #71C895

Color blindness preview

CSS variables

/* Minted Elegance to Jade Sea — https://swatchly.xyz/palette/71c895-4d986d-2d6d47-224731-bcddc9 */
:root {
  --minted-elegance: #71c895;
  --natural-orchestra: #4d986d;
  --into-the-green: #2d6d47;
  --zucchini: #224731;
  --jade-sea: #bcddc9;
}

Tailwind CSS v4

/* Minted Elegance to Jade Sea — https://swatchly.xyz/palette/71c895-4d986d-2d6d47-224731-bcddc9 */
@theme {
  --color-minted-elegance: #71c895;
  --color-minted-elegance-50: #c9fcdb;
  --color-minted-elegance-100: #b7f1cd;
  --color-minted-elegance-200: #99ddb3;
  --color-minted-elegance-300: #71c895;
  --color-minted-elegance-400: #55aa7a;
  --color-minted-elegance-500: #389161;
  --color-minted-elegance-600: #1d774b;
  --color-minted-elegance-700: #046139;
  --color-minted-elegance-800: #004e2c;
  --color-minted-elegance-900: #003e22;
  --color-minted-elegance-950: #002713;
  --color-natural-orchestra: #4d986d;
  --color-natural-orchestra-50: #ddffe9;
  --color-natural-orchestra-100: #caf8db;
  --color-natural-orchestra-200: #b0e7c4;
  --color-natural-orchestra-300: #92d2aa;
  --color-natural-orchestra-400: #6cb489;
  --color-natural-orchestra-500: #4d986d;
  --color-natural-orchestra-600: #327c54;
  --color-natural-orchestra-700: #1d643f;
  --color-natural-orchestra-800: #0d4f2f;
  --color-natural-orchestra-900: #033e23;
  --color-natural-orchestra-950: #002714;
  --color-into-the-green: #2d6d47;
  --color-into-the-green-50: #deffe8;
  --color-into-the-green-100: #cff7db;
  --color-into-the-green-200: #b8e7c6;
  --color-into-the-green-300: #9ed3af;
  --color-into-the-green-400: #7ab78f;
  --color-into-the-green-500: #5e9d74;
  --color-into-the-green-600: #44835c;
  --color-into-the-green-700: #2d6d47;
  --color-into-the-green-800: #1f5636;
  --color-into-the-green-900: #134328;
  --color-into-the-green-950: #072b17;
  --color-zucchini: #224731;
  --color-zucchini-50: #e5fcec;
  --color-zucchini-100: #d9f3e1;
  --color-zucchini-200: #c2e0cc;
  --color-zucchini-300: #a7cab3;
  --color-zucchini-400: #84ab91;
  --color-zucchini-500: #678e75;
  --color-zucchini-600: #4d735b;
  --color-zucchini-700: #395a45;
  --color-zucchini-800: #224731;
  --color-zucchini-900: #1d3627;
  --color-zucchini-950: #102116;
  --color-jade-sea: #bcddc9;
  --color-jade-sea-50: #e5f8ec;
  --color-jade-sea-100: #d9eee1;
  --color-jade-sea-200: #bcddc9;
  --color-jade-sea-300: #aac6b5;
  --color-jade-sea-400: #89a895;
  --color-jade-sea-500: #6e8d7b;
  --color-jade-sea-600: #557361;
  --color-jade-sea-700: #415c4c;
  --color-jade-sea-800: #31493b;
  --color-jade-sea-900: #24382d;
  --color-jade-sea-950: #15231b;
}