Fern Harbor color palette — #F0F7F4 · #CDDDE3 · #9EB9BF · #626A18 · #2F3F38
A conversation between Olive and Ash, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F0F7F4): bright and airy, almost weightless.
- Silver (#CDDDE3): bright and airy, almost weightless.
- Ash (#9EB9BF): A luminous, dusty blue — the color of a favorite pair of jeans.
- Olive (#626A18): A full-bodied, balanced green — the color of a quiet forest floor.
- Forest (#2F3F38): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.
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
- Patina Pier color palette (#EEF8F4, #CBDDE3, #A9C4D1, #788759, #323D3A)
- Wandering Orchard color palette (#EBF8F8, #B7D9E4, #7AAECC, #006C42, #153939)
- Tempered Pewter color palette (#F3F2EA, #CEDACE, #B2BBA6, #5D6B3D, #222117)
- Antique Fern Quarry color palette (#DDEBE6, #ACBDBD, #5F9A9D, #3A4C00, #14231E)
- Pine Summit color palette (#ECF9EE, #94A177, #007645, #35533C, #1F3C34)
- Hushed Parlor color palette (#FFDDE8, #80B3A8, #4A878A, #6B4B65, #54373E)
- Deep Pine color palette (#D1E5E2, #007829, #002D2C, #001816, #010606)
- Ancient Petrol Lantern color palette (#E3EEF0, #8E9CA4, #5A7390, #00332C, #000C0E)
Browse the whole catalog at Explore, or see today's palette.