Fern Lagoon color palette — #F6F6ED · #B8C7A7 · #4A8E91 · #7D5C59 · #3E5615

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

The five colors

• Ivory (#F6F6ED): bright and airy, almost weightless.
• Pistachio (#B8C7A7): A luminous, dusty green — the color of fresh herbs.
• Storm Blue (#4A8E91): A luminous, dusty teal — the color of glacier melt.
• Pewter (#7D5C59): A full-bodied, dusty orange — the color of sun-warmed clay.
• Deep Olive (#3E5615): A full-bodied, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Sophistication, Grounding. Tagged botanical, earthy, muted.

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

• Washed Cabin color palette (#FCF4EB, #CBC0A4, #6C8C60, #8A5A21, #5F4A00)
• Antique Cypress color palette (#F8F5E8, #8EBD9A, #18847C, #595E35, #3D4900)
• Antique Stone Grove color palette (#E7F5F2, #A0D1B2, #588F80, #715A62, #203635)
• Worn Workshop color palette (#F5F6EC, #B0DEC1, #6EA999, #A2723A, #44550C)
• Lagoon Balcony color palette (#EFFAE0, #99DABE, #309B7A, #245C3A, #333630)
• Antique Emerald color palette (#FFF4DE, #B2BC7A, #5C9246, #2A7157, #3D5138)
• Blush Boulevard color palette (#F6F6EA, #9DBB87, #C67EA7, #5C7E42, #634343)
• Ancient Cabin color palette (#FBF3F1, #C9EBE4, #60A2C6, #447C5C, #5D4D5B)

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