Fern Harbor color palette — #F2F7EC · #CBE0D5 · #98B1BE · #6EB693 · #344800

Deep Olive takes the lead with Jade close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F2F7EC): bright and airy, almost weightless.
• Silver (#CBE0D5): A whisper-light, dusty teal — the color of glacier melt.
• Ash (#98B1BE): A luminous, dusty blue — the color of open sky before noon.
• Jade (#6EB693): A luminous, balanced teal — the color of sea glass.
• Deep Olive (#344800): A deep, shadowed, balanced green — the color of a quiet forest floor.

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

• Teal Drift color palette (#F1F7EF, #CEDDD9, #ACC9C3, #54B2A6, #363D34)
• Aged Loft color palette (#D5E5D2, #00B9AE, #1C747A, #364732, #0D1409)
• Tempered Pine color palette (#F1F3EB, #C8DDD5, #A5C9B7, #00813B, #232810)
• Softworn Lagoon Pier color palette (#E2E8E2, #AFC6C1, #8BB0AC, #009393, #182218)
• Washed Chapel color palette (#E8FFCC, #00E0B4, #00B4B2, #5577C5, #273C1C)
• Seafoam Pier color palette (#F3F8E1, #6BEBAF, #00C198, #6B9473, #393C35)
• Tempered Hollow color palette (#9DF4F8, #A1CDF7, #89B7D3, #8D7EB4, #583D62)
• Weathered Archive color palette (#E7DFE9, #B499A0, #9F7F85, #2566A2, #100511)

Browse the whole catalog at Explore, or see today's palette.