Emerald Field color palette — #F0F2D7 · #56903C · #135B4B · #2C2452 · #1F0221
Built around Olive Leaf, softened by Deep Indigo — the whole palette hums with nature and growth.
The five colors
- Cream (#F0F2D7): A whisper-light, dusty green — the color of a quiet forest floor.
- Olive Leaf (#56903C): A full-bodied, balanced green — the color of fresh herbs.
- Pine (#135B4B): A full-bodied, dusty teal — the color of sea glass.
- Deep Indigo (#2C2452): A deep, shadowed, balanced violet — the color of wild irises.
- Ink (#1F0221): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Nature, Growth, Creativity, Balance. Tagged vintage, retro, 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
- Fern Chapel color palette (#F9EBD5, #878246, #376229, #142C50, #230516)
- Patina Pine Quarry color palette (#E9F3E3, #00794D, #005353, #341A40, #19000E)
- Muted Cypress Cabin color palette (#D8E5D4, #659F78, #2C836F, #20546E, #0C284C)
- Weathered Loft color palette (#EDDFD6, #91895C, #356047, #4F2B51, #4E111E)
- Patina Olive color palette (#E5EDD7, #3F7A00, #005022, #00301F, #00100B)
- Worn Lagoon color palette (#E5E7D9, #008E68, #004F48, #3A2500, #050A00)
- Taupe Chapel color palette (#F8E1CD, #9CAB66, #347A74, #58314E, #2E0A27)
- Gentle Pier color palette (#D0F2DC, #00804C, #940088, #004225, #140011)
Browse the whole catalog at Explore, or see today's palette.