Fern Harbor color palette — #FDF2F5 · #C08F54 · #5F6300 · #6F4500 · #001E14
Olive and Mustard set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FDF2F5): bright and airy, almost weightless.
- Mustard (#C08F54): A luminous, balanced gold — the color of old brass.
- Olive (#5F6300): A full-bodied, balanced green — the color of a quiet forest floor.
- Bronze (#6F4500): A full-bodied, balanced gold — the color of honey in a jar.
- Ink (#001E14): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Optimism, Balance. Tagged duotone, 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
- Chalky Pine Lantern color palette (#EDF8F4, #96A15B, #007227, #4D5500, #001E1B)
- Dusty Olive color palette (#F1F7F2, #C1AD75, #617A19, #755C00, #0B2A23)
- Misty Harbor color palette (#F9EEF4, #D78A65, #3E7500, #8A3900, #000907)
- Dusty Olive Coast color palette (#F3ECD9, #A59C4C, #696C00, #394A00, #1D3600)
- Sunlit Fern Lantern color palette (#D9F7E6, #95872A, #4F6400, #004A4A, #003434)
- Garnet Grove color palette (#F9F3F9, #D17F80, #934400, #970026, #25101C)
- Chestnut Market color palette (#F1F7F2, #D0DCDA, #A3B9AE, #815D00, #313E33)
- Moss Meadow color palette (#E6FBF0, #E7BA54, #AFA000, #688600, #323200)
Browse the whole catalog at Explore, or see today's palette.