Softworn Fern color palette — #F6F6E9 · #BBC6A3 · #548E7E · #785F5C · #45550B

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

The five colors

• Ivory (#F6F6E9): a clean, paper-quiet neutral.
• Pistachio (#BBC6A3): A luminous, dusty green — the color of new leaves after rain.
• Fern (#548E7E): A luminous, dusty teal — the color of glacier melt.
• Pewter (#785F5C): A full-bodied, dusty orange — the color of toasted spice.
• Deep Olive (#45550B): A full-bodied, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, 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

• Hushed Corridor color palette (#FAF4EC, #C7C396, #8D833A, #75605A, #5F4A00)
• Tempered Villa color palette (#F6F7E4, #8BBE98, #42816D, #7D4D13, #3D4800)
• Worn Ash Study color palette (#EDF8F5, #AEDBDA, #77A4AC, #81798F, #3B5251)
• Softworn Coast color palette (#F9F4ED, #C8E9DF, #60A6B0, #5D793A, #365144)
• Dusty Apricot color palette (#FFF2EA, #E49B67, #B07C3E, #755E32, #4B4D46)
• Worn Amber color palette (#FFF3E2, #BA9137, #259BA5, #8A698C, #46423B)
• Washed Pine color palette (#FBF5E0, #8AA56E, #30733D, #504945, #36362F)
• Weathered Boulevard color palette (#E3E1CC, #528A49, #005232, #47240C, #1B1D00)

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