Timeworn Fern color palette — #F7F6E9 · #87BEA2 · #308182 · #6C5250 · #374A01

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

The five colors

• Ivory (#F7F6E9): bright and airy, almost weightless.
• Mint Leaf (#87BEA2): A luminous, dusty teal — the color of sea glass.
• Teal (#308182): A full-bodied, dusty teal — the color of shallow lagoons.
• Coffee (#6C5250): A full-bodied, dusty orange — the color of autumn markets.
• Deep Olive (#374A01): A deep, shadowed, balanced green — the color of a quiet forest floor.

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

• Patina Loft color palette (#FDF4E7, #AAB77C, #50805E, #775107, #4D4200)
• Lagoon Alley color palette (#E4F6F3, #95C09F, #4D8268, #3A5E4C, #092D2C)
• Hushed Boulevard color palette (#F7F6E5, #60AD8C, #007174, #4C4B44, #343730)
• Bronze Atelier color palette (#F5F7E9, #C0CAA3, #6D9B84, #876F26, #3D4900)
• Muted Lime color palette (#EFE3B2, #A0B947, #4B8B40, #0D6B50, #314B2E)
• Gentle Jade color palette (#F4F8DF, #61B75E, #B66BAA, #437342, #5D353A)
• Wandering Teal Atelier color palette (#ECF8F5, #A9E1E2, #75BBB4, #A6849E, #214A4B)
• Emerald Drift color palette (#F2F9DB, #3A9F5B, #A3628F, #8F4B56, #373932)

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