Fern Field color palette — #FBF4EB · #DBD1AF · #8BA47E · #8B7683 · #5D4B00

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

The five colors

• Ivory (#FBF4EB): bright and airy, almost weightless.
• Wheat (#DBD1AF): A whisper-light, dusty green — the color of new leaves after rain.
• Moss (#8BA47E): A luminous, dusty green — the color of fresh herbs.
• Driftwood (#8B7683): A full-bodied, dusty pink — the color of peonies in June.
• Deep Olive (#5D4B00): A full-bodied, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, 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 Archive color palette (#F7F5ED, #E1E0C2, #A0C196, #89A289, #554F00)
• Stone Station color palette (#F1F7F1, #BDDEED, #9ABA83, #7B85A0, #384B42)
• Fern Hollow color palette (#FFF1F4, #D8B5E5, #98BD90, #A37BB1, #4F5200)
• Softworn Lagoon Terrace color palette (#EDF8F4, #A8C9C0, #578D85, #416D7A, #3C524D)
• Ash Lantern color palette (#FFF1F3, #E3D8D2, #AEC1CF, #B790A9, #654D4E)
• Emerald Veranda color palette (#FCF5E3, #A7C782, #3B9C64, #735B94, #30411B)
• Fern Lagoon color palette (#F9EADB, #9F944F, #4F6C00, #423D6F, #201B00)
• Lagoon Meadow color palette (#FFF1F3, #CDA0CA, #8DB17F, #409E94, #553A3E)

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