Enchanted Forest to Gecko’s Dream Color Palette

About this palette

Enchanted Forest to Gecko’s Dream is a 5-color vibrant, warm palette: #687F00 (Enchanted Forest), #FFB517 (Master Nacho), #EF5C19 (Poppy Flower), #FF65C9 (Eosin Pink), #629C00 (Gecko’s Dream). It mixes green, yellow, orange, pink tones and feels warm overall. The strongest text pairing is #687F00 on #FFB517 with a contrast ratio of 2.57:1, and 0 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Enchanted Forest	rgb(104, 127, 0)	hsl(71, 100%, 25%)
Master Nacho	rgb(255, 181, 23)	hsl(41, 100%, 55%)
Poppy Flower	rgb(239, 92, 25)	hsl(19, 87%, 52%)
Eosin Pink	rgb(255, 101, 201)	hsl(321, 100%, 70%)
Gecko’s Dream	rgb(98, 156, 0)	hsl(82, 100%, 31%)

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.

Color blindness preview

CSS variables

/* Enchanted Forest to Gecko’s Dream — https://swatchly.xyz/palette/687f00-ffb517-ef5c19-ff65c9-629c00 */
:root {
  --enchanted-forest: #687f00;
  --master-nacho: #ffb517;
  --poppy-flower: #ef5c19;
  --eosin-pink: #ff65c9;
  --gecko-s-dream: #629c00;
}

Tailwind CSS v4

/* Enchanted Forest to Gecko’s Dream — https://swatchly.xyz/palette/687f00-ffb517-ef5c19-ff65c9-629c00 */
@theme {
  --color-enchanted-forest: #687f00;
  --color-enchanted-forest-50: #edfec6;
  --color-enchanted-forest-100: #e4f6b9;
  --color-enchanted-forest-200: #d0e59c;
  --color-enchanted-forest-300: #bad17d;
  --color-enchanted-forest-400: #9bb352;
  --color-enchanted-forest-500: #81992f;
  --color-enchanted-forest-600: #687f00;
  --color-enchanted-forest-700: #526500;
  --color-enchanted-forest-800: #3f4f00;
  --color-enchanted-forest-900: #303c00;
  --color-enchanted-forest-950: #1d2600;
  --color-master-nacho: #ffb517;
  --color-master-nacho-50: #fff6e8;
  --color-master-nacho-100: #ffebcc;
  --color-master-nacho-200: #ffd38e;
  --color-master-nacho-300: #ffb517;
  --color-master-nacho-400: #d79700;
  --color-master-nacho-500: #b37d00;
  --color-master-nacho-600: #906400;
  --color-master-nacho-700: #734f00;
  --color-master-nacho-800: #5a3d00;
  --color-master-nacho-900: #452e00;
  --color-master-nacho-950: #2c1c00;
  --color-poppy-flower: #ef5c19;
  --color-poppy-flower-50: #fff5f1;
  --color-poppy-flower-100: #ffebe3;
  --color-poppy-flower-200: #ffd3c3;
  --color-poppy-flower-300: #ffb59a;
  --color-poppy-flower-400: #ff8456;
  --color-poppy-flower-500: #ef5c19;
  --color-poppy-flower-600: #c54500;
  --color-poppy-flower-700: #9d3500;
  --color-poppy-flower-800: #7c2800;
  --color-poppy-flower-900: #601d00;
  --color-poppy-flower-950: #3d0f00;
  --color-eosin-pink: #ff65c9;
  --color-eosin-pink-50: #fff4fa;
  --color-eosin-pink-100: #ffe7f4;
  --color-eosin-pink-200: #ffcae8;
  --color-eosin-pink-300: #ffa6db;
  --color-eosin-pink-400: #ff65c9;
  --color-eosin-pink-500: #dd45ab;
  --color-eosin-pink-600: #bc218e;
  --color-eosin-pink-700: #9b0073;
  --color-eosin-pink-800: #7a005a;
  --color-eosin-pink-900: #5f0045;
  --color-eosin-pink-950: #3d002b;
  --color-gecko-s-dream: #629c00;
  --color-gecko-s-dream-50: #e7ffd3;
  --color-gecko-s-dream-100: #d4fbb1;
  --color-gecko-s-dream-200: #bcea91;
  --color-gecko-s-dream-300: #a1d66e;
  --color-gecko-s-dream-400: #7eb73d;
  --color-gecko-s-dream-500: #629c00;
  --color-gecko-s-dream-600: #4e7e00;
  --color-gecko-s-dream-700: #3d6400;
  --color-gecko-s-dream-800: #2e4e00;
  --color-gecko-s-dream-900: #233c00;
  --color-gecko-s-dream-950: #142500;
}