Fern Harbor color palette — #CFE6D7 · #666A38 · #2B4E0A · #002A2A · #000A11
A conversation between Deep Olive and Olive, giving this palette its sense of nature and growth.
The five colors
- Celadon Mist (#CFE6D7): A whisper-light, dusty teal — the color of sea glass.
- Olive (#666A38): A full-bodied, dusty green — the color of a quiet forest floor.
- Deep Olive (#2B4E0A): A deep, shadowed, balanced green — the color of a quiet forest floor.
- Deep Forest (#002A2A): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#000A11): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Sophistication. Tagged vintage, retro, 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
- Pine Summit color palette (#E1F6D7, #488059, #004B3B, #002A3D, #000718)
- Antique Cocoa color palette (#F2DACC, #8D6736, #594400, #002A13, #000C07)
- Wandering Olive color palette (#D8F1E2, #6A6D00, #2F3C00, #301700, #000402)
- Softworn Fern Workshop color palette (#FAECD4, #988837, #5A6600, #2B4121, #002426)
- Ancient Fern color palette (#CCEFDE, #615F00, #00535C, #2D2B00, #000304)
- Fern Thicket color palette (#FAD6C7, #92712A, #335500, #2B224D, #26052C)
- Airy Fern Harbor color palette (#FFDFD8, #B98739, #496500, #322262, #0C0019)
- Hushed Petrol color palette (#C9EEEB, #7DADAF, #4C7D87, #334C66, #18253D)
Browse the whole catalog at Explore, or see today's palette.