Lagoon Basin color palette — #E9F9F9 · #5EA17C · #767AA9 · #874959 · #2B4242
Moss takes the lead with Coffee close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#E9F9F9): a clean, paper-quiet neutral.
- Moss (#5EA17C): A luminous, balanced teal — the color of sea glass.
- Slate (#767AA9): A full-bodied, dusty violet — the color of wild irises.
- Coffee (#874959): A full-bodied, balanced red — the color of a theater curtain.
- Charcoal (#2B4242): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged 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
- Pewter Hollow color palette (#EDF8F2, #96935C, #4D87A1, #764C83, #2D4339)
- Dusty Chestnut color palette (#EAF8FD, #4D9EA9, #9F6B93, #884F27, #28414B)
- Softworn Garnet color palette (#EBF8FB, #4F9B95, #595D9C, #833131, #1E3A39)
- Softworn Cobalt color palette (#EAF6EA, #3DA6A9, #757BC2, #6A547A, #19271A)
- Hushed Lagoon color palette (#EFF7F8, #D5DBE1, #B2A9B0, #48917F, #495557)
- Aged Market color palette (#DCF2FF, #007D99, #804884, #752800, #002B3D)
- Frosted Navy Pier color palette (#D5FFFB, #90C3C9, #4396A2, #006587, #25447C)
- Mint Veranda color palette (#F4F8E3, #97D59A, #DCA1C8, #BA8C8E, #3D3E37)
Browse the whole catalog at Explore, or see today's palette.