Fern Harbor color palette — #D7EADF · #8E9051 · #4E5D00 · #5F2C2B · #003222
A conversation between Olive and Moss, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#D7EADF): A whisper-light, dusty teal — the color of glacier melt.
- Moss (#8E9051): A luminous, balanced green — the color of a quiet forest floor.
- Olive (#4E5D00): A full-bodied, balanced green — the color of fresh herbs.
- Cocoa (#5F2C2B): A deep, shadowed, dusty orange — the color of sun-warmed clay.
- Deep Forest (#003222): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Balance, 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 Lagoon color palette (#D3EAE8, #569D75, #00644A, #563608, #003030)
- Weathered Fern color palette (#ECF8F3, #94A173, #4F6E2E, #5F3E57, #1D3C33)
- Weathered Harbor color palette (#DDEEE8, #66854D, #0C5409, #501C00, #00211B)
- Dusty Fern Orchard color palette (#DFEBDF, #939248, #356303, #393257, #00170E)
- Tempered Taupe Station color palette (#F3E2CA, #AAAB50, #577E42, #534F79, #322800)
- Weathered Orchard color palette (#EED6E8, #CE4F3E, #4F7900, #8B0B00, #1D2F00)
- Driftwood Summit color palette (#F0F7F2, #A4CCB6, #82864A, #775D6A, #425149)
- Shadow Fern color palette (#DEEFE6, #5E6300, #243000, #251100, #060600)
Browse the whole catalog at Explore, or see today's palette.