Start generating

Tadorna Teal to Mintastic color palette

69D5B2Tadorna Teal524300Alligator Gladiator6C5A00Ayahuasca Vine709335Bitter Leaf80B466Soon to Be HayB8FFD7Mintastic
Open in generator Export PNG, PDF, ASE…

About this palette

Tadorna Teal to Mintastic is a 6-color cool, earthy palette: #69D5B2 (Tadorna Teal), #524300 (Alligator Gladiator), #6C5A00 (Ayahuasca Vine), #709335 (Bitter Leaf), #80B466 (Soon to Be Hay), #B8FFD7 (Mintastic). It mixes turquoise, brown, green tones and feels cool overall. The strongest text pairing is #524300 on #B8FFD7 with a contrast ratio of 8.48:1, and 3 of its 15 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Tadorna Tealrgb(105, 213, 178)hsl(161, 56%, 62%)
Alligator Gladiatorrgb(82, 67, 0)hsl(49, 100%, 16%)
Ayahuasca Vinergb(108, 90, 0)hsl(50, 100%, 21%)
Bitter Leafrgb(112, 147, 53)hsl(82, 47%, 39%)
Soon to Be Hayrgb(128, 180, 102)hsl(100, 34%, 55%)
Mintasticrgb(184, 255, 215)hsl(146, 100%, 86%)

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.48:1 Very good#524300 on #B8FFD7
  • Aa8.48:1 Very good#B8FFD7 on #524300
  • Aa5.91:1 Good#6C5A00 on #B8FFD7
  • Aa5.91:1 Good#B8FFD7 on #6C5A00
  • Aa5.44:1 Good#69D5B2 on #524300
  • Aa5.44:1 Good#524300 on #69D5B2
  • Aa4.00:1 Poor#524300 on #80B466
  • Aa4.00:1 Poor#80B466 on #524300

Color blindness preview

  • Protanopia
  • Deuteranopia
  • Tritanopia
  • Achromatopsia
  • Dog vision

CSS variables

/* Tadorna Teal to Mintastic — https://swatchly.xyz/palette/69d5b2-524300-6c5a00-709335-80b466-b8ffd7 */
:root {
  --tadorna-teal: #69d5b2;
  --alligator-gladiator: #524300;
  --ayahuasca-vine: #6c5a00;
  --bitter-leaf: #709335;
  --soon-to-be-hay: #80b466;
  --mintastic: #b8ffd7;
}

Tailwind CSS v4

/* Tadorna Teal to Mintastic — https://swatchly.xyz/palette/69d5b2-524300-6c5a00-709335-80b466-b8ffd7 */
@theme {
  --color-tadorna-teal: #69d5b2;
  --color-tadorna-teal-50: #d3ffee;
  --color-tadorna-teal-100: #b9f9e1;
  --color-tadorna-teal-200: #9ae7cc;
  --color-tadorna-teal-300: #69d5b2;
  --color-tadorna-teal-400: #4bb594;
  --color-tadorna-teal-500: #229979;
  --color-tadorna-teal-600: #007d61;
  --color-tadorna-teal-700: #00644c;
  --color-tadorna-teal-800: #004e3b;
  --color-tadorna-teal-900: #003d2e;
  --color-tadorna-teal-950: #00261c;
  --color-alligator-gladiator: #524300;
  --color-alligator-gladiator-50: #fef5d5;
  --color-alligator-gladiator-100: #f5ebc7;
  --color-alligator-gladiator-200: #e4d8ac;
  --color-alligator-gladiator-300: #cfc18f;
  --color-alligator-gladiator-400: #b1a26b;
  --color-alligator-gladiator-500: #97874d;
  --color-alligator-gladiator-600: #7c6c34;
  --color-alligator-gladiator-700: #645621;
  --color-alligator-gladiator-800: #524300;
  --color-alligator-gladiator-900: #3e3409;
  --color-alligator-gladiator-950: #272003;
  --color-ayahuasca-vine: #6c5a00;
  --color-ayahuasca-vine-50: #fff6d0;
  --color-ayahuasca-vine-100: #f7ecbe;
  --color-ayahuasca-vine-200: #e7d9a3;
  --color-ayahuasca-vine-300: #d3c386;
  --color-ayahuasca-vine-400: #b6a55f;
  --color-ayahuasca-vine-500: #9c8a40;
  --color-ayahuasca-vine-600: #827025;
  --color-ayahuasca-vine-700: #6c5a00;
  --color-ayahuasca-vine-800: #554600;
  --color-ayahuasca-vine-900: #413600;
  --color-ayahuasca-vine-950: #292100;
  --color-bitter-leaf: #709335;
  --color-bitter-leaf-50: #e8ffcc;
  --color-bitter-leaf-100: #dcf6bc;
  --color-bitter-leaf-200: #c6e39f;
  --color-bitter-leaf-300: #adce7f;
  --color-bitter-leaf-400: #8caf56;
  --color-bitter-leaf-500: #709335;
  --color-bitter-leaf-600: #577816;
  --color-bitter-leaf-700: #436000;
  --color-bitter-leaf-800: #344b00;
  --color-bitter-leaf-900: #273a00;
  --color-bitter-leaf-950: #172400;
  --color-soon-to-be-hay: #80b466;
  --color-soon-to-be-hay-50: #e5ffda;
  --color-soon-to-be-hay-100: #d6f8c7;
  --color-soon-to-be-hay-200: #bfe6ac;
  --color-soon-to-be-hay-300: #a4d28f;
  --color-soon-to-be-hay-400: #80b466;
  --color-soon-to-be-hay-500: #65974b;
  --color-soon-to-be-hay-600: #4b7c30;
  --color-soon-to-be-hay-700: #37631d;
  --color-soon-to-be-hay-800: #274e0e;
  --color-soon-to-be-hay-900: #1c3d05;
  --color-soon-to-be-hay-950: #0e2601;
  --color-mintastic: #b8ffd7;
  --color-mintastic-50: #dfffec;
  --color-mintastic-100: #b8ffd7;
  --color-mintastic-200: #b4e6c9;
  --color-mintastic-300: #97d1b0;
  --color-mintastic-400: #71b38f;
  --color-mintastic-500: #539773;
  --color-mintastic-600: #387b5a;
  --color-mintastic-700: #246345;
  --color-mintastic-800: #144e34;
  --color-mintastic-900: #0a3d26;
  --color-mintastic-950: #032616;
}

Similar palettes