Lagoon Lagoon color palette — #EAF9F5 · #9BC09A · #529067 · #206F7B · #133D39

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

The five colors

• Ivory (#EAF9F5): a clean, paper-quiet neutral.
• Sage (#9BC09A): A luminous, dusty green — the color of new leaves after rain.
• Fern (#529067): A full-bodied, balanced teal — the color of sea glass.
• Teal (#206F7B): A full-bodied, dusty blue — the color of open sky before noon.
• Forest (#133D39): A deep, shadowed, dusty teal — the color of sea glass.

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

Use it as a design system

One click turns Lagoon 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 Study color palette (#EAF9F8, #A2CED0, #599F8D, #4A7890, #214A4C)
• Emerald Cabin color palette (#F8F7E1, #AEE09F, #589C65, #4F6C55, #282A12)
• Tempered Driftwood color palette (#EDF9F0, #95C0A7, #848447, #895059, #1C3D2C)
• Worn Lantern color palette (#D8F1EE, #6DA080, #007254, #004D61, #002210)
• Ancient Pine color palette (#D1ECE4, #87B27E, #2C8647, #794727, #163011)
• Aged Terrace color palette (#FCF4E4, #C0D39A, #72B17E, #9F7588, #36362F)
• Timeworn Garnet color palette (#D9EBE2, #717B40, #364E00, #580201, #050700)
• Softworn Villa color palette (#F8F2FF, #F4D0E3, #F0A9AC, #AC71A4, #5A3344)

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