Fern Field color palette — #F9F5EB · #C0C4A4 · #578D7F · #4D6E62 · #4E5200

Built around Deep Olive, softened by Fern — the whole palette hums with nature and growth.

The five colors

• Ivory (#F9F5EB): bright and airy, almost weightless.
• Pistachio (#C0C4A4): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#578D7F): A luminous, dusty teal — the color of shallow lagoons.
• Graphite (#4D6E62): A full-bodied, dusty teal — the color of glacier melt.
• Deep Olive (#4E5200): A full-bodied, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, 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

• Worn Canyon color palette (#FCF3ED, #CDBFA4, #8B833A, #576D52, #644800)
• Muted Drift color palette (#EAF4F2, #9FCECC, #56907F, #4C6670, #1F3635)
• Hushed Stone color palette (#EAF9F2, #B7EAE3, #86C4B6, #8B9CAB, #3E524F)
• Softworn Cerulean color palette (#FFF0FA, #E6DAD5, #D9C3A0, #5C91B4, #59464D)
• Wandering Forest Boulevard color palette (#F1E6D7, #75804E, #005329, #4D153A, #181E00)
• Cypress Bloom color palette (#FAF4F0, #CEE3E2, #759DC7, #22806B, #65485B)
• Washed Cobalt color palette (#FFF0FA, #A3ADDA, #93A15B, #5F6ABA, #4A5227)
• Patina Pine Market color palette (#FCF4EB, #9F9E72, #3C7135, #613C5B, #37352F)

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