Fern Harbor color palette — #DFF7FF · #21979F · #906F2D · #495A00 · #001E27
Built around Olive, softened by Cerulean — the whole palette hums with nature and growth.
The five colors
- Ivory (#DFF7FF): A whisper-light, dusty blue — the color of open sky before noon.
- Cerulean (#21979F): A luminous, balanced blue — the color of deep harbor water.
- Walnut (#906F2D): A full-bodied, balanced gold — the color of old brass.
- Olive (#495A00): A full-bodied, balanced green — the color of new leaves after rain.
- Midnight (#001E27): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged 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
- Patina Forest Villa color palette (#E6F4FF, #448FBA, #6C7E31, #006338, #031C2D)
- Weathered Bronze color palette (#E4F6F5, #4A996A, #AA5D3F, #704900, #001F1F)
- Ancient Studio color palette (#E8FAF0, #008FAF, #AF531C, #375F1F, #24382D)
- Abyss Lantern color palette (#DDF4FF, #00788D, #675C00, #1F4700, #000D12)
- Patina Hollow color palette (#F1F0FF, #9D73B1, #A85D49, #744600, #19162F)
- Airy Market color palette (#F2F5FF, #B4A5F5, #D68386, #767800, #1F2338)
- Antique Indigo Ridge color palette (#E0E9FF, #656AC3, #007755, #004E4E, #060E27)
- Airy Amber Pier color palette (#FFF1F2, #CA83BA, #C77A37, #826D1E, #412D2E)
Browse the whole catalog at Explore, or see today's palette.