Fern Lagoon color palette — #F7F6EA · #D9E3C1 · #7EC5B8 · #AD948A · #46540A

Built around Deep Olive, softened by Mint Leaf — the whole palette hums with nature and growth.

The five colors

• Ivory (#F7F6EA): bright and airy, almost weightless.
• Celadon Mist (#D9E3C1): A whisper-light, dusty green — the color of a quiet forest floor.
• Mint Leaf (#7EC5B8): A luminous, dusty teal — the color of glacier melt.
• Taupe (#AD948A): A luminous, dusty orange — the color of sun-warmed clay.
• Deep Olive (#46540A): A full-bodied, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication, Softness, Clarity, 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

• Dusty Driftwood Meadow color palette (#F5F6ED, #B4E9DC, #A8B490, #9F823C, #444C00)
• Glacier Canyon color palette (#FAF3F0, #C2E0E5, #7FD5F0, #71B293, #365149)
• Frosted Mint Dune color palette (#FFF4DB, #D1DB9C, #8EC36D, #64A176, #435339)
• Mallow Lagoon color palette (#F5F7E2, #ACD5A2, #D6A9EE, #D899B3, #42433C)
• Jade Corridor color palette (#FAF5E9, #C0D2A4, #6BB37E, #8E8459, #36362F)
• Gentle Lagoon Pier color palette (#EAE3C9, #85B76E, #009667, #6A6717, #1C1C00)
• Hushed Lagoon color palette (#EAF5F2, #A9CBC9, #588D91, #745863, #1D3635)
• Hushed Pier color palette (#E4E5D4, #329E7A, #00716F, #762E1A, #000804)

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