Fern Harbor color palette — #F0EEDB · #4A5E00 · #2A383D · #1B1C00 · #0B0900
Built around Olive, softened by Ink — the whole palette hums with nature and growth.
The five colors
- Cream (#F0EEDB): A whisper-light, dusty green — the color of a quiet forest floor.
- Olive (#4A5E00): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Teal (#2A383D): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#1B1C00): A deep, shadowed, dusty green — the color of new leaves after rain.
- Ink (#0B0900): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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 Meadow color palette (#ECF1D5, #005514, #252F34, #001409, #030300)
- Olive Balcony color palette (#D5F6EA, #677C00, #0E3D25, #131900, #010602)
- Tempered Station color palette (#C8EADF, #799A00, #3F5D33, #0A382E, #000603)
- Lagoon Delta color palette (#EBF5EA, #228E88, #324134, #232B21, #101714)
- Muted Studio color palette (#D0E4DA, #007F59, #006789, #5A4D00, #002718)
- Forest Lagoon color palette (#E3E7D3, #64997C, #00644C, #414100, #00321D)
- Muted Loft color palette (#EEF0E5, #82BCC9, #00748E, #004F52, #003346)
- Tempered Sapphire color palette (#DAE2CC, #00975E, #2268C2, #005834, #002758)
Browse the whole catalog at Explore, or see today's palette.