Ancient Fern color palette — #F7F6EA · #D1D5BF · #9FAC91 · #486600 · #34332C

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

The five colors

• Ivory (#F7F6EA): bright and airy, almost weightless.
• Oat (#D1D5BF): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#9FAC91): A luminous, dusty green — the color of new leaves after rain.
• Olive (#486600): A full-bodied, balanced green — the color of new leaves after rain.
• Espresso (#34332C): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Ancient Fern 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

• Softworn Boulevard color palette (#F2F7F1, #D1DCD9, #A3BAAD, #007468, #353D32)
• Washed Fern color palette (#F5F2E3, #D0D8BE, #77B9B7, #566200, #1E1A05)
• Worn Forest Archive color palette (#F3EBD1, #7D9E56, #006E24, #474600, #213500)
• Weathered Olive color palette (#ECF9F4, #C5E6E5, #93C8D6, #6F8200, #253731)
• Softworn Driftwood Workshop color palette (#F5F6EF, #D5DBD7, #A2AEB4, #6A8D5F, #53534B)
• Spruce Chapel color palette (#EEF0E7, #969C91, #657663, #003512, #080B00)
• Hushed Ridge color palette (#E1E9E0, #AFBDB4, #789689, #004F4E, #142414)
• Clover Terrace color palette (#F4FAD3, #B1BC00, #00BA3D, #00817A, #00331F)

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