Timeworn Fern color palette — #E9F3FF · #7696C6 · #AB7356 · #63621E · #182332

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

The five colors

• Ivory (#E9F3FF): bright and airy, almost weightless.
• Blue Fog (#7696C6): A luminous, balanced blue — the color of open sky before noon.
• Mocha (#AB7356): A luminous, balanced orange — the color of sun-warmed clay.
• Olive (#63621E): A full-bodied, balanced green — the color of a quiet forest floor.
• Midnight (#182332): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged 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

• Tempered Fern color palette (#EFF1FD, #A392C5, #9E5E51, #3F5500, #002D37)
• Tempered Terrace color palette (#F0F1FD, #A089BA, #8E8448, #236E47, #202034)
• Worn Chestnut Canyon color palette (#E9F4F9, #57A2AE, #AB6E83, #8B4B19, #13252D)
• Periwinkle Pier color palette (#FBF1FB, #82ADEC, #CF8864, #7D7E4C, #463846)
• Timeworn Hollow color palette (#EEF9ED, #42A19F, #9B793E, #266B68, #364036)
• Timeworn Basin color palette (#ECF2FF, #6A66E9, #975B00, #2E5500, #0F0D32)
• Tempered Driftwood color palette (#F1F5FF, #BCBDF3, #D39DAA, #8E8437, #2B3144)
• Driftwood Lagoon color palette (#F0F2F8, #D9D5DA, #B9ABAF, #7E7BB2, #33363E)

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