Fern Harbor color palette — #E8E1BF · #4C5100 · #00444E · #1E2100 · #000102
Deep Olive and Deep Teal set the tone — five colors that lean into nature and growth.
The five colors
- Celadon Mist (#E8E1BF): A whisper-light, dusty green — the color of new leaves after rain.
- Deep Olive (#4C5100): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Teal (#00444E): A deep, shadowed, dusty blue — the color of deep harbor water.
- Onyx (#1E2100): A deep, shadowed, dusty green — the color of fresh herbs.
- Black (#000102): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, Sophistication, Depth. 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
- Nocturne Fern Market color palette (#DEE1CF, #615A00, #222B30, #011A01, #000200)
- Garnet Field color palette (#E3E1CB, #3E5600, #740303, #172300, #040000)
- Chalky Nightshade color palette (#E0ECDA, #006A5D, #3825B7, #00322A, #020014)
- Timeworn Pine color palette (#DFE9CF, #619255, #00814D, #353900, #020200)
- Linen Lagoon color palette (#D6F5E7, #535600, #4B1A8A, #212300, #09001B)
- Grape Garden color palette (#E5E1D2, #697200, #532DC1, #2A2E00, #010009)
- Velvet Villa color palette (#F5EBDE, #674400, #690054, #2C1A00, #040002)
- Wandering Grove color palette (#DFE8CA, #008044, #864400, #004220, #110400)
Browse the whole catalog at Explore, or see today's palette.