Timeworn Fern color palette — #F8F5EA · #BAE5D3 · #93BA98 · #9A7D81 · #4C4800

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

The five colors

• Ivory (#F8F5EA): bright and airy, almost weightless.
• Celadon Mist (#BAE5D3): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#93BA98): A luminous, dusty green — the color of fresh herbs.
• Driftwood (#9A7D81): A luminous, dusty red — the color of late-summer berries.
• Deep Olive (#4C4800): 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 Timeworn 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

• Wandering Bronze color palette (#FBF5E4, #D7F0B3, #84AA82, #A36441, #393932)
• Muted Lagoon color palette (#EDF8F4, #A9C9C0, #5C8C84, #795B6E, #39534D)
• Aged Apricot color palette (#FFF2ED, #E9D6C7, #E89C80, #9E7150, #674000)
• Wandering Pier color palette (#FFF2E9, #EBD9BA, #97D5F5, #C18C6D, #2B4F40)
• Aged Sand Orchard color palette (#FFF3E8, #FFBB87, #6CD0BB, #A69AC3, #3D3732)
• Aged Pier color palette (#F9F4ED, #BFE3F3, #B4C2F3, #609EA3, #574757)
• Weathered Pier color palette (#F4F8E3, #7DCFA9, #00897A, #6E443E, #131C04)
• Hushed Seafoam color palette (#F7F7DC, #93F1AE, #1FAA86, #875C6F, #2D2F29)

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