Worn Fern color palette — #FFF2E9 · #97B281 · #378681 · #754C4F · #414E00

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

The five colors

• Ivory (#FFF2E9): a clean, paper-quiet neutral.
• Sage (#97B281): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#378681): A full-bodied, dusty teal — the color of shallow lagoons.
• Coffee (#754C4F): A full-bodied, dusty red — the color of embers at dusk.
• Deep Olive (#414E00): A deep, shadowed, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication. Tagged retro, muted.

Use it as a design system

One click turns Worn 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

• Cocoa Quarry color palette (#FFF3E6, #C0A374, #648159, #5F507B, #5A4500)
• Worn Cocoa color palette (#F9F5E7, #989D66, #477791, #754056, #673200)
• Dusty Canyon color palette (#FBF3EF, #CDE6DE, #7EA48B, #4C7B5E, #305346)
• Patina Chestnut Dune color palette (#FCF6DA, #C8D1B8, #859B8C, #84665D, #634A00)
• Washed Petrol color palette (#FFF3E8, #47A9A6, #3A6DA0, #713F17, #2A4434)
• Softworn Fern color palette (#F7F6E7, #9BCBAC, #58A292, #4372A0, #3A500B)
• Denim Villa color palette (#E4F7F1, #8CB89C, #3E8779, #255582, #133233)
• Wandering Garnet Study color palette (#FFF2EB, #2BA55A, #006D7A, #820039, #004032)

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