Softworn Fern color palette — #F4F7EA · #BDCAA6 · #649D89 · #8B6B41 · #374A00

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

The five colors

• Ivory (#F4F7EA): bright and airy, almost weightless.
• Pistachio (#BDCAA6): A luminous, dusty green — the color of fresh herbs.
• Eucalyptus (#649D89): A luminous, dusty teal — the color of shallow lagoons.
• Walnut (#8B6B41): A full-bodied, dusty gold — the color of old brass.
• Deep Olive (#374A00): A deep, shadowed, balanced green — the color of new leaves after rain.

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

Use it as a design system

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

• Emerald Veranda color palette (#F7F7E2, #97CB91, #329D5A, #7E6600, #21441D)
• Timeworn Lagoon color palette (#F6F6E8, #A7B68D, #00857D, #744E4E, #374A01)
• Tempered Teal color palette (#FDF4E6, #CFB47C, #1ABDAD, #A17900, #004E46)
• Wandering Teal color palette (#E4FBF9, #B8F6D7, #67AE99, #677D67, #1E3E3F)
• Taupe Canyon color palette (#FEF4DF, #D5E3BE, #9ECFB2, #AF8D51, #604B00)
• Tempered Fern Market color palette (#E8E1D0, #959752, #586900, #504500, #1C1C00)
• Hushed Hollow color palette (#E4E7D2, #85B192, #00865E, #5D5715, #07321A)
• Worn Forest color palette (#F4F0D7, #608041, #135402, #3A2800, #030800)

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