Start generating

Minted Elegance to Seafoam Splashes color palette

6AC49BMinted Elegance00301BPitch-Black Forests006549Jewel005339Moor-Monster00A168JungleA1EDC6Seafoam Splashes
Open in generator Export PNG, PDF, ASE…

About this palette

Minted Elegance to Seafoam Splashes is a 6-color cool, earthy, monochromatic palette: #6AC49B (Minted Elegance), #00301B (Pitch-Black Forests), #006549 (Jewel), #005339 (Moor-Monster), #00A168 (Jungle), #A1EDC6 (Seafoam Splashes). It mixes green, turquoise tones and feels cool overall. The strongest text pairing is #00301B on #A1EDC6 with a contrast ratio of 10.74:1, and 4 of its 15 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Minted Elegancergb(106, 196, 155)hsl(153, 43%, 59%)
Pitch-Black Forestsrgb(0, 48, 27)hsl(154, 100%, 9%)
Jewelrgb(0, 101, 73)hsl(163, 100%, 20%)
Moor-Monsterrgb(0, 83, 57)hsl(161, 100%, 16%)
Junglergb(0, 161, 104)hsl(159, 100%, 32%)
Seafoam Splashesrgb(161, 237, 198)hsl(149, 68%, 78%)

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.74:1 Very good#00301B on #A1EDC6
  • Aa10.74:1 Very good#A1EDC6 on #00301B
  • Aa6.94:1 Good#6AC49B on #00301B
  • Aa6.94:1 Good#00301B on #6AC49B
  • Aa6.73:1 Good#005339 on #A1EDC6
  • Aa6.73:1 Good#A1EDC6 on #005339
  • Aa5.22:1 Good#006549 on #A1EDC6
  • Aa5.22:1 Good#A1EDC6 on #006549

Color blindness preview

  • Protanopia
  • Deuteranopia
  • Tritanopia
  • Achromatopsia
  • Dog vision

CSS variables

/* Minted Elegance to Seafoam Splashes — https://swatchly.xyz/palette/6ac49b-00301b-006549-005339-00a168-a1edc6 */
:root {
  --minted-elegance: #6ac49b;
  --pitch-black-forests: #00301b;
  --jewel: #006549;
  --moor-monster: #005339;
  --jungle: #00a168;
  --seafoam-splashes: #a1edc6;
}

Tailwind CSS v4

/* Minted Elegance to Seafoam Splashes — https://swatchly.xyz/palette/6ac49b-00301b-006549-005339-00a168-a1edc6 */
@theme {
  --color-minted-elegance: #6ac49b;
  --color-minted-elegance-50: #edfff5;
  --color-minted-elegance-100: #d1ffe7;
  --color-minted-elegance-200: #b5f1d3;
  --color-minted-elegance-300: #99debc;
  --color-minted-elegance-400: #6ac49b;
  --color-minted-elegance-500: #4ba57e;
  --color-minted-elegance-600: #288761;
  --color-minted-elegance-700: #066c4a;
  --color-minted-elegance-800: #005438;
  --color-minted-elegance-900: #00402a;
  --color-minted-elegance-950: #002718;
  --color-pitch-black-forests: #00301b;
  --color-pitch-black-forests-50: #e3fded;
  --color-pitch-black-forests-100: #d6f4e2;
  --color-pitch-black-forests-200: #bfe1cc;
  --color-pitch-black-forests-300: #a4ccb4;
  --color-pitch-black-forests-400: #82ae94;
  --color-pitch-black-forests-500: #67947a;
  --color-pitch-black-forests-600: #4f7a61;
  --color-pitch-black-forests-700: #3b644d;
  --color-pitch-black-forests-800: #2c513d;
  --color-pitch-black-forests-900: #214230;
  --color-pitch-black-forests-950: #00301b;
  --color-jewel: #006549;
  --color-jewel-50: #dbffef;
  --color-jewel-100: #c8f8e2;
  --color-jewel-200: #ace7cd;
  --color-jewel-300: #8ed2b5;
  --color-jewel-400: #67b395;
  --color-jewel-500: #479879;
  --color-jewel-600: #2a7c5f;
  --color-jewel-700: #006549;
  --color-jewel-800: #014f38;
  --color-jewel-900: #003d2b;
  --color-jewel-950: #00261a;
  --color-moor-monster: #005339;
  --color-moor-monster-50: #dcffed;
  --color-moor-monster-100: #cdf7e2;
  --color-moor-monster-200: #b3e5cd;
  --color-moor-monster-300: #97d1b5;
  --color-moor-monster-400: #72b395;
  --color-moor-monster-500: #54987a;
  --color-moor-monster-600: #3a7d61;
  --color-moor-monster-700: #25654c;
  --color-moor-monster-800: #005339;
  --color-moor-monster-900: #0b3f2c;
  --color-moor-monster-950: #03281b;
  --color-jungle: #00a168;
  --color-jungle-50: #deffeb;
  --color-jungle-100: #b9fed7;
  --color-jungle-200: #99eec0;
  --color-jungle-300: #76daa6;
  --color-jungle-400: #43bc84;
  --color-jungle-500: #00a168;
  --color-jungle-600: #008253;
  --color-jungle-700: #006741;
  --color-jungle-800: #005132;
  --color-jungle-900: #003e25;
  --color-jungle-950: #002716;
  --color-seafoam-splashes: #a1edc6;
  --color-seafoam-splashes-50: #e1ffee;
  --color-seafoam-splashes-100: #ccf9e1;
  --color-seafoam-splashes-200: #a1edc6;
  --color-seafoam-splashes-300: #94d3b2;
  --color-seafoam-splashes-400: #6db491;
  --color-seafoam-splashes-500: #4e9875;
  --color-seafoam-splashes-600: #327d5b;
  --color-seafoam-splashes-700: #1d6446;
  --color-seafoam-splashes-800: #0c4f35;
  --color-seafoam-splashes-900: #033d27;
  --color-seafoam-splashes-950: #002717;
}

Similar palettes