Emerald Field color palette — #EEEEBE · #97B059 · #229337 · #006B41 · #3D5333
Kelly Green and Sage set the tone — five colors that lean into nature and growth.
The five colors
- Custard (#EEEEBE): A whisper-light, dusty green — the color of a quiet forest floor.
- Sage (#97B059): A luminous, balanced green — the color of new leaves after rain.
- Kelly Green (#229337): A full-bodied, vivid green — the color of fresh herbs.
- Pine (#006B41): A full-bodied, balanced teal — the color of glacier melt.
- Deep Olive (#3D5333): A full-bodied, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Balance. Tagged warm.
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
- Misty Jade color palette (#E5F0BE, #B1D492, #7EBC78, #539D70, #1C5441)
- Olive Parlor color palette (#F7DAB9, #C1AB57, #858200, #436418, #43453E)
- Faded Pine color palette (#EBFDD7, #82C9A7, #008356, #005238, #00351E)
- Softworn Orchard color palette (#F2F9E4, #65B384, #A471BF, #167849, #5A3641)
- Aged Emerald color palette (#E8F3DE, #18AF28, #00785A, #004F44, #00383C)
- Dusty Lantern color palette (#E1ECC3, #48BEA0, #008B83, #006972, #1B5063)
- Washed Corridor color palette (#F5F7E7, #BFF1FF, #99D5F2, #768150, #3E5614)
- Pale Byzantium Canyon color palette (#F4F9DB, #5EB262, #8E45A1, #9B4A65, #383932)
Browse the whole catalog at Explore, or see today's palette.