Fern Harbor color palette — #F9F5E8 · #D2CBAF · #A09E70 · #7F754B · #514800

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

The five colors

• Ivory (#F9F5E8): bright and airy, almost weightless.
• Oat (#D2CBAF): A whisper-light, dusty green — the color of fresh herbs.
• Moss (#A09E70): A luminous, dusty green — the color of fresh herbs.
• Walnut (#7F754B): A full-bodied, dusty green — the color of a quiet forest floor.
• Deep Olive (#514800): A deep, shadowed, balanced green — the color of a quiet forest floor.

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

Use it as a design system

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

• Softworn Orchard color palette (#FCF4E6, #C9BDA0, #9F8E5E, #836325, #3F3D36)
• Ancient Cocoa Delta color palette (#F1DDCC, #BC9670, #9C622F, #7C3600, #331F00)
• Frost Corridor color palette (#EBF9F2, #AEEBDC, #8BBBA4, #668271, #31443E)
• Weathered Olive Corridor color palette (#F6ECD3, #808239, #5D5400, #3C2F00, #0A0D00)
• Patina Archive color palette (#FBF3F1, #F2C6B4, #BA9364, #CA6D67, #322D27)
• Muted Driftwood color palette (#FBF3F1, #EDC9AD, #A46A75, #68423A, #372723)
• Terracotta Study color palette (#FFEADC, #DDA782, #C66936, #9F3C1B, #4C2D0A)
• Cocoa Bloom color palette (#EBDBD1, #9A5E32, #722D00, #450D00, #070200)

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