Lagoon Basin color palette — #FBF4E9 · #91EDE6 · #00C1D0 · #009C70 · #003947
A conversation between Fern and Cyan, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FBF4E9): a clean, paper-quiet neutral.
- Sea Foam (#91EDE6): A whisper-light, balanced teal — the color of glacier melt.
- Cyan (#00C1D0): A luminous, balanced blue — the color of a favorite pair of jeans.
- Fern (#009C70): A luminous, balanced teal — the color of sea glass.
- Deep Teal (#003947): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Lagoon Basin 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
- Powdered Pier color palette (#FFF4E3, #96E8FF, #16B9F8, #009895, #00355C)
- Softworn Aqua color palette (#F8F5EF, #BEEDE4, #65CDEF, #37AD9D, #2B5044)
- Airy Pine color palette (#FFF2EE, #85DDD5, #009CB9, #1C7809, #003559)
- Hushed Orchard color palette (#DCF9F2, #69CFC8, #008285, #005345, #001F22)
- Hushed Powder Market color palette (#FBF4EA, #BEECDE, #87B2FA, #2B9AB7, #4D2F45)
- Softworn Petrol color palette (#F3EADD, #6DACB9, #0080A5, #005E58, #000A16)
- Hushed Moss color palette (#CDE0FF, #6FA3FF, #FF5A63, #2DA810, #08214E)
- Feathered Azure color palette (#FFF0FD, #E4D5ED, #F0B1FF, #00A6ED, #292D5E)
Browse the whole catalog at Explore, or see today's palette.