Emerald Field color palette — #EEF9EE · #BAB87B · #61903B · #5C5F89 · #203C30

Olive Leaf takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#EEF9EE): bright and airy, almost weightless.
• Sage (#BAB87B): A luminous, balanced green — the color of a quiet forest floor.
• Olive Leaf (#61903B): A luminous, balanced green — the color of new leaves after rain.
• Slate (#5C5F89): A full-bodied, dusty violet — the color of a velvet chair.
• Forest (#203C30): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Emerald Field into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.

Similar palettes

• Lagoon Thicket color palette (#EBF9F1, #B5CE9E, #659E7B, #6D6E8E, #304842)
• Pine Study color palette (#DAE9DF, #9AAD76, #228743, #604A74, #003127)
• Ancient Driftwood color palette (#FBF5E6, #CCD79E, #73965F, #456D5F, #2E2809)
• Tempered Fern color palette (#F9F5E5, #8CA662, #46702D, #385336, #36362F)
• Linen Clover color palette (#EEECFD, #C78EDF, #50B750, #8C48A7, #1B3F1A)
• Muted Turquoise color palette (#FBF2F8, #A8DFED, #00A7C2, #2F7D53, #1F3E54)
• Washed Lantern color palette (#E2F1EA, #5B944D, #006246, #4C2061, #021500)
• Wandering Villa color palette (#E1E2FD, #C191E8, #008B7B, #688200, #292841)

Browse the whole catalog at Explore, or see today's palette.