Fern Harbor color palette — #F9F5EE · #D7D2B9 · #86A681 · #9C7070 · #5A4D00
A conversation between Deep Olive and Moss, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F9F5EE): a clean, paper-quiet neutral.
- Oat (#D7D2B9): A whisper-light, dusty green — the color of a quiet forest floor.
- Moss (#86A681): A luminous, dusty green — the color of new leaves after rain.
- Mocha (#9C7070): A full-bodied, dusty red — the color of embers at dusk.
- Deep Olive (#5A4D00): 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
- Dusty Bronze Drift color palette (#FBF4EB, #CFC4A3, #81986B, #93682A, #524000)
- Ancient Market color palette (#EEF8F0, #BCDFF0, #85BBB1, #8A8196, #394B43)
- Hushed Driftwood Balcony color palette (#EFF8F1, #A9CAB8, #818656, #795C6A, #3F5248)
- Patina Fern Loft color palette (#FBF5E6, #D2E5D1, #C2C8D4, #C39C6F, #5D5200)
- Fern Hollow color palette (#E9DECC, #818A4C, #146409, #483500, #0F1100)
- Lagoon Boulevard color palette (#F7F6E5, #AEBB91, #109486, #85544F, #2F3B00)
- Muted Periwinkle Coast color palette (#FBF5E4, #B9B382, #949FE4, #AA78AE, #45423B)
- Weathered Pine Loft color palette (#F3EAD8, #9BB672, #008F48, #6A5A00, #243400)
Browse the whole catalog at Explore, or see today's palette.