Worn Fern color palette — #F3D4F0 · #B19BC1 · #9C5F72 · #4B6424 · #254C3C

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

The five colors

• Thistle (#F3D4F0): A whisper-light, dusty pink — the color of a candy shop window.
• Mauve (#B19BC1): A luminous, dusty violet — the color of wild irises.
• Mocha (#9C5F72): A full-bodied, balanced red — the color of late-summer berries.
• Olive (#4B6424): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#254C3C): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns Worn 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

• Driftwood Terrace color palette (#C3EBDE, #C29FB3, #97678D, #405F39, #234838)
• Antique Bronze color palette (#FADBE6, #BD9693, #A66754, #1A606D, #304C42)
• Driftwood Courtyard color palette (#FFF0F9, #D1AFB3, #A77B71, #576E4F, #3D5044)
• Feathered Blush color palette (#F1E7FE, #D079AC, #AE543B, #00555C, #22365D)
• Antique Pewter color palette (#EDECFE, #B995B7, #95657D, #634654, #182F16)
• Taupe Corridor color palette (#E6DDFF, #C7C1E8, #CB9AA7, #698A7C, #284B49)
• Timeworn Corridor color palette (#F5DAE0, #D7A9D3, #B18497, #8E5927, #623D00)
• Washed Denim color palette (#FFE5E6, #B98E7B, #7A5E2E, #1B496F, #322F52)

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