Fern Lagoon color palette — #F5F6EC · #B5E5E0 · #78BEB2 · #967D8C · #394F09

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

The five colors

• Ivory (#F5F6EC): bright and airy, almost weightless.
• Sea Foam (#B5E5E0): A whisper-light, dusty teal — the color of sea glass.
• Mint Leaf (#78BEB2): A luminous, dusty teal — the color of sea glass.
• Heather (#967D8C): A luminous, dusty pink — the color of peonies in June.
• Deep Olive (#394F09): 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 Lagoon 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

• Basalt Station color palette (#F9F5EC, #C1E2CF, #9EB790, #6B8F81, #524600)
• Dusty Teal color palette (#F6F6EB, #C6F3CE, #63B093, #906C6A, #353D00)
• Ancient Archive color palette (#FFF2EF, #F6D3C9, #73E1DA, #CC8192, #374D34)
• Patina Studio color palette (#EDF8F8, #A4C9CC, #548B95, #556878, #385255)
• Tempered Powder Loft color palette (#F8F5EF, #C4DFF0, #C1BEF6, #559EB0, #5A4656)
• Muted Cocoa Terrace color palette (#FFF2EE, #E0D9CE, #D1A3A0, #9EB2B2, #793B21)
• Weathered Basin color palette (#F9F5E8, #C4D8AD, #589C5E, #795578, #2B290F)
• Patina Coast color palette (#FFF2EE, #FFB4BC, #9DCB77, #79A6D8, #49322C)

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