Lagoon Grove color palette — #F5F6EC · #BDE8DF · #5EB3C5 · #108C88 · #28523D

A conversation between Fern and Cyan, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F5F6EC): bright and airy, almost weightless.
• Honeydew (#BDE8DF): A whisper-light, dusty teal — the color of glacier melt.
• Cyan (#5EB3C5): A luminous, balanced blue — the color of deep harbor water.
• Fern (#108C88): A full-bodied, balanced teal — the color of sea glass.
• Deep Olive (#28523D): A full-bodied, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Lagoon Grove 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

• Hushed Aqua Alley color palette (#EFF7F6, #D5DFEB, #68CBE1, #33928F, #244454)
• Hushed Orchard color palette (#FAF3F0, #CCE3D1, #4E94B2, #007459, #235147)
• Dusty Petrol color palette (#E3E5D9, #64AEC1, #00718F, #00494E, #001622)
• Wandering Cerulean color palette (#F4F6EF, #BCE7ED, #85A7D5, #3D83A7, #5A3C56)
• Sunlit Emerald color palette (#F2F8E5, #89C99D, #72A9E2, #2C975A, #214468)
• Jade Pier color palette (#F1F9DF, #67B989, #45A6C5, #9C843A, #373932)
• Aged Courtyard color palette (#F0F9E2, #BFE7D4, #8FD2EC, #7FAA8A, #3C5718)
• Hushed Cerulean color palette (#EEF0E1, #96CFDB, #0095B5, #006B6E, #003345)

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