Worn Fern color palette — #FFF0F9 · #9C9DE0 · #B56669 · #5E6300 · #004048

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

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Mauve (#9C9DE0): A luminous, balanced violet — the color of a velvet chair.
• Mocha (#B56669): A luminous, balanced red — the color of embers at dusk.
• Olive (#5E6300): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Teal (#004048): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

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

• Antique Periwinkle Lantern color palette (#FCF1FD, #76A9DF, #A76991, #7B551F, #07432D)
• Hushed Mallow color palette (#FFF1F4, #C7A1D6, #B77C61, #587249, #234C39)
• Linen Peony Canyon color palette (#FFF1F2, #D871BD, #A96500, #006734, #003451)
• Weathered Mulberry Quarry color palette (#EBF9F1, #3295B4, #954366, #005547, #003F50)
• Timeworn Bronze Field color palette (#FFF0F9, #E7C1CB, #B78D8D, #937B33, #545604)
• Coral Quarry color palette (#EBF7FF, #72D9FF, #DB725E, #10926F, #004331)
• Aged Courtyard color palette (#F9F4ED, #BFE8E1, #72AFC5, #42897E, #235243)
• Pale Peony color palette (#FAD8D6, #CE5296, #845A00, #004F38, #001F41)

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