Fern Harbor color palette — #DBE6CC · #3A6800 · #0C3F02 · #00260C · #000803
A conversation between Olive and Forest, giving this palette its sense of nature and growth.
The five colors
- Celadon Mist (#DBE6CC): A whisper-light, dusty green — the color of a quiet forest floor.
- Olive (#3A6800): A full-bodied, balanced green — the color of a quiet forest floor.
- Forest (#0C3F02): A deep, shadowed, balanced green — the color of a quiet forest floor.
- Deep Forest (#00260C): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#000803): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Depth, Luxury. Tagged dark, 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
- Moonless Fern Summit color palette (#E4DFCF, #655C00, #3D3D00, #151800, #020400)
- Dusty Boulevard color palette (#D9F4E4, #007455, #004436, #001E19, #000807)
- Tempered Boulevard color palette (#E6E3D2, #697D00, #0C4F07, #002918, #001612)
- Muted Emerald color palette (#DBE8D8, #009E33, #006E35, #00472E, #002419)
- Inked Fern Orchard color palette (#D5E9CC, #255700, #00474C, #432800, #000200)
- Antique Forest color palette (#CCE9E9, #57A691, #008A88, #004F14, #000704)
- Tempered Lagoon color palette (#CDF7F1, #009590, #006163, #003D43, #001D23)
- Teal Villa color palette (#CDE7DE, #00B59E, #007C75, #004B4A, #003033)
Browse the whole catalog at Explore, or see today's palette.