Lagoon Basin color palette — #EFF8F1 · #C1E8F2 · #52C4D4 · #30A17E · #163F54
A conversation between Fern and Cyan, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EFF8F1): a clean, paper-quiet neutral.
- Frost (#C1E8F2): A whisper-light, dusty blue — the color of deep harbor water.
- Cyan (#52C4D4): A luminous, balanced blue — the color of deep harbor water.
- Fern (#30A17E): A luminous, balanced teal — the color of glacier melt.
- Deep Teal (#163F54): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
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
- Dusty Cerulean Studio color palette (#F0F7F1, #C4E5FE, #81B6ED, #009DB0, #283960)
- Tempered Pine Summit color palette (#FFF2EF, #C0E7ED, #36B6DE, #028633, #142F4D)
- Worn Taupe Thicket color palette (#D9FEF9, #A2F2F2, #8BD1F4, #9EAD6C, #254C4C)
- Tempered Petrol color palette (#E2EDE4, #55B1B5, #008297, #005F4D, #000B12)
- Muted Cerulean color palette (#DBE8DD, #7ECFD7, #00A2C3, #007F6E, #002333)
- Weathered Powder Cabin color palette (#F1F7F2, #DCDDEB, #B0C7F2, #80A8C0, #495268)
- Hushed Corridor color palette (#F5F1EB, #B2D2B0, #008C9B, #005E46, #002818)
- Tempered Pier color palette (#DEF4F0, #97D27F, #D8A1F9, #529C2C, #452656)
Browse the whole catalog at Explore, or see today's palette.