Fern Harbor color palette — #F8F5EC · #C3C4A0 · #5E8D74 · #7B5E59 · #525000
A conversation between Deep Olive and Fern, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F8F5EC): bright and airy, almost weightless.
- Pistachio (#C3C4A0): A luminous, dusty green — the color of a quiet forest floor.
- Fern (#5E8D74): A luminous, dusty teal — the color of glacier melt.
- Pewter (#7B5E59): A full-bodied, dusty orange — the color of autumn markets.
- Deep Olive (#525000): A full-bodied, balanced green — the color of fresh herbs.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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
- Pine Lantern color palette (#FAF5E9, #A6B78B, #3F8453, #715501, #4A4400)
- Dusty Driftwood Coast color palette (#E8F5F0, #9DD0C2, #708C66, #576658, #253531)
- Bronze Quarry color palette (#F7F5EC, #C6D9AC, #9D9F78, #9F7437, #564F00)
- Dusty Moss color palette (#FFF3E4, #C0AF6C, #8C8F28, #4F6E3A, #51534C)
- Timeworn Lilac Courtyard color palette (#F8F6E7, #ABB77D, #AC86CB, #6E7A33, #64424D)
- Wandering Fern Ridge color palette (#F9F5E6, #B5E7DD, #94CBEB, #9E8764, #505300)
- Wandering Ash color palette (#FAF4EF, #C6EBEE, #7B9BCA, #347B7F, #614B59)
- Antique Stone Terrace color palette (#EBF9F2, #C4E6DE, #8AC2BD, #AB91A1, #3D524D)
Browse the whole catalog at Explore, or see today's palette.