Fern Harbor color palette — #F7F5EF · #BFE2D2 · #96B994 · #A27980 · #4F4700

A conversation between Deep Olive and Sage, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F7F5EF): bright and airy, almost weightless.
• Celadon Mist (#BFE2D2): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#96B994): A luminous, dusty green — the color of new leaves after rain.
• Mocha (#A27980): A luminous, dusty red — the color of late-summer berries.
• Deep Olive (#4F4700): A deep, shadowed, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Taupe Drift color palette (#F9F5EA, #D2E2C5, #89A881, #99685F, #3A3932)
• Antique Lagoon color palette (#EBF9F2, #9ACDBE, #578D86, #676374, #3E524C)
• Worn Villa color palette (#FFF2EE, #F1D5C0, #E79B83, #AD6535, #4E4842)
• Tempered Amber color palette (#FFF2EA, #ECD8BC, #84DAF4, #DA7E51, #26503B)
• Aged Mint color palette (#FFF3E9, #F6BE9A, #6DD0B4, #A496DC, #3D3732)
• Antique Chestnut Summit color palette (#FFF2E9, #DEDCCB, #EDABA2, #98C0BA, #774809)
• Tempered Cabin color palette (#F4F7E9, #C4D8B0, #279D94, #8F4B58, #202C11)
• Hushed Forest color palette (#E6E1CD, #779B59, #005E28, #4D1700, #010200)

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