Softworn Fern Harbor color palette — #FBF4E9 · #E4DAB2 · #C6B586 · #A28E7B · #4C4B00

Deep Olive takes the lead with Sand close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FBF4E9): a clean, paper-quiet neutral.
• Wheat (#E4DAB2): A whisper-light, dusty green — the color of new leaves after rain.
• Sand (#C6B586): A luminous, dusty green — the color of a quiet forest floor.
• Caramel (#A28E7B): A luminous, dusty gold — the color of old brass.
• Deep Olive (#4C4B00): A full-bodied, balanced green — the color of fresh herbs.

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

Use it as a design system

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

• Aged Driftwood Loft color palette (#E9F5ED, #A9C2B6, #908255, #436143, #17322A)
• Timeworn Stone Studio color palette (#FFF3E4, #E8E2A1, #9EC589, #649B7D, #004F4A)
• Amber Pier color palette (#F8E4D0, #DBBE7D, #CA8F56, #9D6C5D, #32302A)
• Frost Balcony color palette (#EDF9F0, #BAE9EC, #98B7A0, #8F707F, #2B4542)
• Muted Apricot color palette (#FEF3EA, #F6B27A, #A4B3EE, #9395C2, #423C37)
• Muted Mustard color palette (#FBECD9, #B99E00, #A77000, #8A4417, #141900)
• Frosted Ember color palette (#FDD5BE, #FAA04F, #EA663A, #AE4D5D, #372500)
• Weathered Coast color palette (#F7EED7, #738C2E, #6C6100, #573800, #030400)

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