Fern Harbor color palette — #F4F7E7 · #B1E7DF · #C8C5CF · #92AF7B · #444F00

Deep Olive and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F4F7E7): A whisper-light, dusty green — the color of new leaves after rain.
• Sea Foam (#B1E7DF): A whisper-light, dusty teal — the color of glacier melt.
• Oat (#C8C5CF): a calm mid-gray that lets other colors speak.
• Sage (#92AF7B): A luminous, dusty green — the color of fresh herbs.
• Deep Olive (#444F00): A full-bodied, balanced green — the color of a quiet forest floor.

Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged pastel, light, 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 Thicket color palette (#DFFFE2, #DCEBF8, #C1BED7, #00BBB2, #23422D)
• Ancient Fern Canyon color palette (#F8F6E4, #C0EDD3, #A5D3F0, #8C7344, #455000)
• Cerulean Parlor color palette (#DBF1D9, #6ABFC5, #0095B9, #004B3F, #000200)
• Wandering Boulevard color palette (#DFF8F3, #BDE5FA, #94D9D4, #7B834D, #103634)
• Patina Taupe color palette (#FFF3E8, #F7D6B3, #C3926B, #8F5D41, #35312B)
• Pale Forest color palette (#EEFCD1, #69E6C1, #00BFB7, #006619, #000703)
• Emerald Alley color palette (#DAFFEF, #38FBFE, #BDE5ED, #009E56, #00342B)
• Softworn Field color palette (#F2F8EA, #E2ECB2, #0F8B64, #2C4000, #0D1107)

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