Lagoon Veranda color palette — #E9FAF3 · #9DBF9A · #3F9277 · #835459 · #133D39

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

The five colors

• Ivory (#E9FAF3): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#9DBF9A): A luminous, dusty green — the color of fresh herbs.
• Fern (#3F9277): A luminous, balanced teal — the color of shallow lagoons.
• Coffee (#835459): A full-bodied, dusty red — the color of late-summer berries.
• Forest (#133D39): A deep, shadowed, dusty teal — the color of sea glass.

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

Use it as a design system

One click turns Lagoon Veranda 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 Lagoon color palette (#E3FCF2, #97CA97, #009D7C, #676E3B, #04443F)
• Worn Lagoon Alley color palette (#EAF9F6, #A2CECF, #569E9A, #85667D, #24494B)
• Lagoon Delta color palette (#F8F5EA, #B8DBB2, #349F7B, #80584E, #282A0E)
• Softworn Quarry color palette (#D0ECE4, #7FB391, #008476, #4C5C36, #01321A)
• Misty Olive Alley color palette (#D9F4DD, #ADB348, #478A2C, #735615, #2F3100)
• Pine Lagoon color palette (#F7F6E9, #8BA478, #3F7138, #624500, #36362F)
• Weathered Jade Harbor color palette (#E6FAF4, #B9D3A9, #6CB46B, #988050, #1C3C36)
• Weathered Jade Thicket color palette (#D7F4EA, #59A572, #007161, #663433, #00220D)

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