Timeworn Fern Garden color palette — #F8DCE6 · #9A8B55 · #4D5D00 · #303C5E · #09311D

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

The five colors

• Shell Pink (#F8DCE6): A whisper-light, dusty rose — the color of pressed rose petals.
• Caramel (#9A8B55): A luminous, dusty green — the color of fresh herbs.
• Olive (#4D5D00): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#303C5E): A deep, shadowed, dusty violet — the color of a velvet chair.
• Deep Forest (#09311D): A deep, shadowed, dusty teal — the color of sea glass.

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

Use it as a design system

One click turns Timeworn Fern Garden 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

• Worn Chapel color palette (#D3ECDC, #7C9753, #036634, #43355A, #212E08)
• Washed Fern color palette (#E8E3D4, #8E9356, #4A5E06, #004339, #171200)
• Dusty Olive color palette (#E6FCE8, #A5A86C, #46782E, #4F487D, #3D3E06)
• Aged Pier color palette (#D1EBDE, #4E793B, #00432C, #301042, #041400)
• Airy Aubergine color palette (#DADCF5, #9561CB, #617400, #5F2192, #252D00)
• Muted Lagoon Alley color palette (#ECF8F5, #A1CAC9, #558D86, #686275, #3D5251)
• Hushed Byzantium color palette (#F4E8FF, #8A42BB, #526800, #00563E, #281536)
• Moss Meadow color palette (#F1E2D3, #CEB879, #8B9A37, #5D74A7, #352608)

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