Emerald Field color palette — #FFF5D3 · #B2C99B · #5C9960 · #0A6A4E · #005249
Built around Fern, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Custard (#FFF5D3): A whisper-light, dusty green — the color of fresh herbs.
- Pistachio (#B2C99B): A luminous, dusty green — the color of new leaves after rain.
- Fern (#5C9960): A luminous, balanced green — the color of a quiet forest floor.
- Pine (#0A6A4E): A full-bodied, balanced teal — the color of sea glass.
- Forest (#005249): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Balance. Tagged cool.
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
- Dusty Driftwood color palette (#FFF3E8, #D9BB8E, #958930, #566425, #31501F)
- Muted Loft color palette (#FFF1F5, #D8D591, #7BAC7D, #368179, #004D5E)
- Lagoon Canyon color palette (#EDFCD2, #93D0BE, #0E9898, #006879, #304672)
- Timeworn Jade color palette (#D7E2D6, #1BAE74, #00695D, #003E42, #00262F)
- Celadon Hollow color palette (#F5F6EB, #B6F5D6, #AFE39C, #4FA491, #42443D)
- Driftwood Pier color palette (#F7F5EF, #D6DCD5, #A0AFB3, #7F8758, #55534A)
- Hushed Quarry color palette (#FDF4E5, #9EB07A, #418768, #5B527C, #4A4B00)
- Lagoon Studio color palette (#CEE7D9, #008A79, #005457, #002B37, #0A1127)
Browse the whole catalog at Explore, or see today's palette.