Sweet Mint Pesto to Muddy Yellow color palette

AEF492Sweet Mint Pesto 4B5000Godzilla 75A600Green Envy 00725ETropical Rainforest BCB200Muddy Yellow

About this palette

Sweet Mint Pesto to Muddy Yellow is a 5-color cool palette: #AEF492 (Sweet Mint Pesto), #4B5000 (Godzilla), #75A600 (Green Envy), #00725E (Tropical Rainforest), #BCB200 (Muddy Yellow). It mixes green, turquoise, yellow tones and feels cool overall. The strongest text pairing is #AEF492 on #4B5000 with a contrast ratio of 6.60:1, and 2 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Sweet Mint Pesto	rgb(174, 244, 146)	hsl(103, 82%, 76%)
Godzilla	rgb(75, 80, 0)	hsl(64, 100%, 16%)
Green Envy	rgb(117, 166, 0)	hsl(78, 100%, 33%)
Tropical Rainforest	rgb(0, 114, 94)	hsl(169, 100%, 22%)
Muddy Yellow	rgb(188, 178, 0)	hsl(57, 100%, 37%)

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.

Aa6.60:1 Good#AEF492 on #4B5000
Aa6.60:1 Good#4B5000 on #AEF492
Aa4.53:1 Good#AEF492 on #00725E
Aa4.53:1 Good#00725E on #AEF492
Aa3.89:1 Poor#4B5000 on #BCB200
Aa3.89:1 Poor#BCB200 on #4B5000

Color blindness preview

CSS variables

/* Sweet Mint Pesto to Muddy Yellow — https://swatchly.xyz/palette/aef492-4b5000-75a600-00725e-bcb200 */
:root {
  --sweet-mint-pesto: #aef492;
  --godzilla: #4b5000;
  --green-envy: #75a600;
  --tropical-rainforest: #00725e;
  --muddy-yellow: #bcb200;
}

Tailwind CSS v4

/* Sweet Mint Pesto to Muddy Yellow — https://swatchly.xyz/palette/aef492-4b5000-75a600-00725e-bcb200 */
@theme {
  --color-sweet-mint-pesto: #aef492;
  --color-sweet-mint-pesto-50: #efffe9;
  --color-sweet-mint-pesto-100: #d5fec6;
  --color-sweet-mint-pesto-200: #aef492;
  --color-sweet-mint-pesto-300: #a0d889;
  --color-sweet-mint-pesto-400: #79b95f;
  --color-sweet-mint-pesto-500: #5b9c3d;
  --color-sweet-mint-pesto-600: #40801f;
  --color-sweet-mint-pesto-700: #2b6603;
  --color-sweet-mint-pesto-800: #1f4f00;
  --color-sweet-mint-pesto-900: #163d00;
  --color-sweet-mint-pesto-950: #0b2700;
  --color-godzilla: #4b5000;
  --color-godzilla-50: #f4fad3;
  --color-godzilla-100: #eaf0c5;
  --color-godzilla-200: #d6dda9;
  --color-godzilla-300: #c2c98e;
  --color-godzilla-400: #a4ab6a;
  --color-godzilla-500: #8a914d;
  --color-godzilla-600: #727834;
  --color-godzilla-700: #5c6221;
  --color-godzilla-800: #4b5000;
  --color-godzilla-900: #3a3e06;
  --color-godzilla-950: #242701;
  --color-green-envy: #75a600;
  --color-green-envy-50: #eeffd9;
  --color-green-envy-100: #ddfeb4;
  --color-green-envy-200: #c8ee96;
  --color-green-envy-300: #b0dc74;
  --color-green-envy-400: #90bf43;
  --color-green-envy-500: #75a600;
  --color-green-envy-600: #5d8600;
  --color-green-envy-700: #496a00;
  --color-green-envy-800: #385200;
  --color-green-envy-900: #2a3e00;
  --color-green-envy-950: #182600;
  --color-tropical-rainforest: #00725e;
  --color-tropical-rainforest-50: #d9fff3;
  --color-tropical-rainforest-100: #c1f7e7;
  --color-tropical-rainforest-200: #a2e3d1;
  --color-tropical-rainforest-300: #80cdb8;
  --color-tropical-rainforest-400: #56ac96;
  --color-tropical-rainforest-500: #328f7a;
  --color-tropical-rainforest-600: #00725e;
  --color-tropical-rainforest-700: #005b4a;
  --color-tropical-rainforest-800: #00473a;
  --color-tropical-rainforest-900: #00372c;
  --color-tropical-rainforest-950: #00231b;
  --color-muddy-yellow: #bcb200;
  --color-muddy-yellow-50: #fffdc9;
  --color-muddy-yellow-100: #f9f6ae;
  --color-muddy-yellow-200: #eae58c;
  --color-muddy-yellow-300: #d7d066;
  --color-muddy-yellow-400: #bcb200;
  --color-muddy-yellow-500: #9c9400;
  --color-muddy-yellow-600: #7d7600;
  --color-muddy-yellow-700: #635d00;
  --color-muddy-yellow-800: #4c4800;
  --color-muddy-yellow-900: #3a3600;
  --color-muddy-yellow-950: #232000;
}