Fern Harbor color palette — #F9F4EE · #CAC19B · #688D61 · #755E6A · #5B4D00
A conversation between Deep Olive and Fern, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F9F4EE): bright and airy, almost weightless.
- Sand (#CAC19B): A luminous, dusty green — the color of new leaves after rain.
- Fern (#688D61): A luminous, dusty green — the color of fresh herbs.
- Graphite (#755E6A): A full-bodied, dusty rose — the color of pressed rose petals.
- Deep Olive (#5B4D00): A full-bodied, balanced green — the color of new leaves after rain.
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
- Fern Grove color palette (#F7F6EA, #D4D4AF, #9B9F7B, #728273, #535000)
- Washed Dune color palette (#E9F5F1, #9BD0C3, #6D8D67, #4F666C, #203631)
- Oat Alley color palette (#FFF1F3, #E3D9D1, #E3C39C, #A88094, #5F4E4E)
- Tempered Jade Hollow color palette (#FFF1F3, #D09BCD, #7AA768, #8F5F8D, #4D4E46)
- Turquoise Studio color palette (#FAF3F0, #C8EBE3, #56A5C0, #477B64, #375049)
- Aged Pine color palette (#FAF5E5, #84B272, #007D56, #5E456F, #2B4221)
- Dusty Emerald color palette (#E9E5D0, #5F9C6A, #006452, #4E3152, #272C0A)
- Aged Field color palette (#F3E9DB, #817E23, #2B5000, #321F5D, #1D1C00)
Browse the whole catalog at Explore, or see today's palette.