Timeworn Fern color palette — #E5F7EB · #A0A56E · #556E3D · #254B63 · #002318

A conversation between Olive and Sage, giving this palette its sense of nature and growth.

The five colors

• Cream (#E5F7EB): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#A0A56E): A luminous, dusty green — the color of new leaves after rain.
• Olive (#556E3D): A full-bodied, dusty green — the color of new leaves after rain.
• Navy (#254B63): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#002318): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

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

• Olive Villa color palette (#E6F7EA, #ABAD5A, #547904, #58406A, #222200)
• Cypress Lantern color palette (#E1F7F4, #73ABAE, #1B7369, #124F5B, #002123)
• Dusty Alley color palette (#DCF5E6, #869560, #39612D, #482C4E, #0F1500)
• Wandering Olive Studio color palette (#FAF4EA, #BFB58A, #6A8D48, #1D6B8F, #37352F)
• Softworn Driftwood Thicket color palette (#FFF1F7, #DFD09B, #7A9457, #71587C, #132E1E)
• Patina Forest Cabin color palette (#DFEDE5, #6D8240, #185113, #002C49, #050900)
• Hushed Lagoon Alley color palette (#E7F5F4, #A9CBCC, #568F88, #59607A, #1F3637)
• Washed Courtyard color palette (#EDF4EE, #9BD2DF, #158C97, #005E42, #00252F)

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