Fern Field color palette — #FDF6D2 · #5D6800 · #00585B · #491300 · #020100
A conversation between Olive and Espresso, giving this palette its sense of nature and growth.
The five colors
- Custard (#FDF6D2): A whisper-light, dusty green — the color of new leaves after rain.
- Olive (#5D6800): A full-bodied, balanced green — the color of fresh herbs.
- Peacock (#00585B): A full-bodied, dusty teal — the color of glacier melt.
- Espresso (#491300): A deep, shadowed, balanced orange — the color of autumn markets.
- Black (#020100): quiet, heavy and certain.
Feels like: Nature, Growth, Sophistication. Tagged jewel, vibrant, muted.
Use it as a design system
One click turns Fern 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
- Hushed Pine Lantern color palette (#F0FAE0, #008656, #005276, #2C1D00, #010100)
- Deep Forest color palette (#DBEBC8, #006448, #003D5E, #251900, #010200)
- Softworn Pine Boulevard color palette (#EEFBDE, #007E54, #722A00, #332200, #010200)
- Midnight Navy Alley color palette (#D9F3ED, #304F00, #1A0C8A, #380027, #020100)
- Patina Field color palette (#F3F7EA, #CBE0D2, #AFC2A2, #217140, #0B0E02)
- Airy Lagoon color palette (#EAFDD8, #00A181, #00639E, #4F3E00, #010700)
- Hushed Emerald Garden color palette (#E5F7C0, #00A36E, #006359, #002A58, #000503)
- Tempered Lagoon color palette (#E3FEE2, #00AAA7, #4864D2, #525500, #0F1700)
Browse the whole catalog at Explore, or see today's palette.