Lagoon Lagoon color palette — #E5F7F1 · #8AC39E · #318578 · #654B61 · #132C2B

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

The five colors

• Ivory (#E5F7F1): A whisper-light, dusty teal — the color of shallow lagoons.
• Mint Leaf (#8AC39E): A luminous, dusty teal — the color of glacier melt.
• Fern (#318578): A full-bodied, balanced teal — the color of sea glass.
• Charcoal Brown (#654B61): A full-bodied, dusty pink — the color of neon signs at night.
• Deep Forest (#132C2B): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Worn Olive Lagoon color palette (#E7F7EA, #B2B97B, #5A8151, #425C48, #152D24)
• Worn Basin color palette (#E2F8F2, #61B487, #00756B, #2A4E46, #002222)
• Worn Corridor color palette (#F7F6EA, #A7B690, #318182, #744E4C, #374A01)
• Softworn Mint color palette (#C5FFFE, #83D69C, #448E5D, #034F2D, #001D0C)
• Antique Clover color palette (#DCF9F5, #67BB63, #AB78B1, #41723F, #29223E)
• Patina Parlor color palette (#D7FBF5, #9CF0FB, #8ED2E6, #7F8356, #1D3737)
• Cypress Bloom color palette (#F7EFF4, #BDE4F0, #5199AF, #2B6C51, #1A2E3F)
• Softworn Emerald Courtyard color palette (#D0FDF7, #43A548, #9E66AE, #8D5678, #002421)

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