Fern Field color palette — #F8F5EE · #C0E1D2 · #ADB290 · #987E82 · #4F4700

Deep Olive and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F8F5EE): bright and airy, almost weightless.
• Celadon Mist (#C0E1D2): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#ADB290): A luminous, dusty green — the color of new leaves after rain.
• Driftwood (#987E82): A luminous, dusty red — the color of embers at dusk.
• Deep Olive (#4F4700): A deep, shadowed, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted, light.

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

• Muted Cocoa Archive color palette (#FFF2EE, #E9D6C8, #E5A187, #A67658, #714200)
• Dusty Bronze color palette (#FBF5E6, #D0E4C1, #86AA7C, #A46444, #3A3932)
• Hushed Pier color palette (#FFF2EA, #ECD8BC, #92D8F0, #C6896C, #2C4F3E)
• Washed Atelier color palette (#EDF8F2, #A1CBBF, #658D62, #676278, #3D524C)
• Dusty Stone color palette (#FFF3E7, #DEDACC, #DDAB82, #875C36, #3B2306)
• Sand Workshop color palette (#FFF3E9, #FDBB92, #84CBB6, #A398D1, #3D3732)
• Washed Forest color palette (#E8E1C8, #789A5D, #005E28, #4D1700, #010200)
• Ancient Lagoon color palette (#F9F4EE, #C2DFEB, #B0C0E9, #58A0A1, #59455B)

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