Aphrodite Aqua to Lost in the Woods color palette

66E4BDAphrodite Aqua 00715BTropical Rainforest CBFFEDMint Coffee 00B582Slime Girl 00422CLost in the Woods

Open in generator Export PNG, PDF, ASE…

About this palette

Aphrodite Aqua to Lost in the Woods is a 5-color cool, monochromatic palette: #66E4BD (Aphrodite Aqua), #00715B (Tropical Rainforest), #CBFFED (Mint Coffee), #00B582 (Slime Girl), #00422C (Lost in the Woods). It mixes turquoise, white, green tones and feels cool overall. The strongest text pairing is #CBFFED on #00422C with a contrast ratio of 10.50:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Aphrodite Aqua	rgb(102, 228, 189)	hsl(161, 70%, 65%)
Tropical Rainforest	rgb(0, 113, 91)	hsl(168, 100%, 22%)
Mint Coffee	rgb(203, 255, 237)	hsl(159, 100%, 90%)
Slime Girl	rgb(0, 181, 130)	hsl(163, 100%, 35%)
Lost in the Woods	rgb(0, 66, 44)	hsl(160, 100%, 13%)

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.50:1 Very good#CBFFED on #00422C
Aa10.50:1 Very good#00422C on #CBFFED
Aa7.38:1 Very good#66E4BD on #00422C
Aa7.38:1 Very good#00422C on #66E4BD
Aa5.43:1 Good#00715B on #CBFFED
Aa5.43:1 Good#CBFFED on #00715B
Aa4.37:1 Poor#00B582 on #00422C
Aa4.37:1 Poor#00422C on #00B582

Color blindness preview

CSS variables

/* Aphrodite Aqua to Lost in the Woods — https://swatchly.xyz/palette/66e4bd-00715b-cbffed-00b582-00422c */
:root {
  --aphrodite-aqua: #66e4bd;
  --tropical-rainforest: #00715b;
  --mint-coffee: #cbffed;
  --slime-girl: #00b582;
  --lost-in-the-woods: #00422c;
}

Tailwind CSS v4

/* Aphrodite Aqua to Lost in the Woods — https://swatchly.xyz/palette/66e4bd-00715b-cbffed-00b582-00422c */
@theme {
  --color-aphrodite-aqua: #66e4bd;
  --color-aphrodite-aqua-50: #ebfff7;
  --color-aphrodite-aqua-100: #caffeb;
  --color-aphrodite-aqua-200: #a2f2d6;
  --color-aphrodite-aqua-300: #66e4bd;
  --color-aphrodite-aqua-400: #49c09d;
  --color-aphrodite-aqua-500: #03a380;
  --color-aphrodite-aqua-600: #008366;
  --color-aphrodite-aqua-700: #006850;
  --color-aphrodite-aqua-800: #00503d;
  --color-aphrodite-aqua-900: #003d2e;
  --color-aphrodite-aqua-950: #00261c;
  --color-tropical-rainforest: #00715b;
  --color-tropical-rainforest-50: #dafff2;
  --color-tropical-rainforest-100: #c4f9e7;
  --color-tropical-rainforest-200: #abe9d5;
  --color-tropical-rainforest-300: #8fd6c0;
  --color-tropical-rainforest-400: #68baa2;
  --color-tropical-rainforest-500: #48a089;
  --color-tropical-rainforest-600: #2a8770;
  --color-tropical-rainforest-700: #00715b;
  --color-tropical-rainforest-800: #005947;
  --color-tropical-rainforest-900: #004436;
  --color-tropical-rainforest-950: #002c22;
  --color-mint-coffee: #cbffed;
  --color-mint-coffee-50: #cbffed;
  --color-mint-coffee-100: #d1f1e5;
  --color-mint-coffee-200: #b9dfd2;
  --color-mint-coffee-300: #9fcabb;
  --color-mint-coffee-400: #7dac9c;
  --color-mint-coffee-500: #619182;
  --color-mint-coffee-600: #487768;
  --color-mint-coffee-700: #345f52;
  --color-mint-coffee-800: #244b3f;
  --color-mint-coffee-900: #193a30;
  --color-mint-coffee-950: #0c241d;
  --color-slime-girl: #00b582;
  --color-slime-girl-50: #d0ffe9;
  --color-slime-girl-100: #abfbd7;
  --color-slime-girl-200: #87e9bf;
  --color-slime-girl-300: #5dd4a5;
  --color-slime-girl-400: #00b582;
  --color-slime-girl-500: #00976c;
  --color-slime-girl-600: #007a56;
  --color-slime-girl-700: #006144;
  --color-slime-girl-800: #004d35;
  --color-slime-girl-900: #003c29;
  --color-slime-girl-950: #002719;
  --color-lost-in-the-woods: #00422c;
  --color-lost-in-the-woods-50: #defeee;
  --color-lost-in-the-woods-100: #d1f5e3;
  --color-lost-in-the-woods-200: #b8e3ce;
  --color-lost-in-the-woods-300: #9dceb6;
  --color-lost-in-the-woods-400: #7ab096;
  --color-lost-in-the-woods-500: #5d967b;
  --color-lost-in-the-woods-600: #447b62;
  --color-lost-in-the-woods-700: #30644d;
  --color-lost-in-the-woods-800: #21503c;
  --color-lost-in-the-woods-900: #00422c;
  --color-lost-in-the-woods-950: #0a291c;
}