Lagoon Basin color palette — #C9FDE9 · #8BD2A6 · #00A5A0 · #007397 · #203D7A
Turquoise and Navy set the tone — five colors that lean into nature and growth.
The five colors
- Honeydew (#C9FDE9): A whisper-light, dusty teal — the color of glacier melt.
- Mint Leaf (#8BD2A6): A luminous, balanced teal — the color of glacier melt.
- Turquoise (#00A5A0): A luminous, balanced teal — the color of shallow lagoons.
- Teal (#007397): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#203D7A): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged cool.
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
- Ancient Jade color palette (#FFF3DA, #B9CE83, #00AF82, #007978, #00455E)
- Softworn Market color palette (#CCFBD4, #70D7D3, #00A0D1, #4966AE, #422C6E)
- Turquoise Loft color palette (#E1FFDC, #9FF2D3, #39BABF, #007992, #00335D)
- Hazy Aubergine color palette (#D8ECD9, #00C4AE, #008698, #0050A9, #280076)
- Dusty Harbor color palette (#FFF0FE, #80C48C, #0094BB, #8F4D4E, #1F4348)
- Weathered Lagoon Bloom color palette (#D5E9EE, #00A59E, #2A526A, #183238, #121A1A)
- Hushed Navy Harbor color palette (#E1F4E8, #00858A, #004E73, #1A0072, #080012)
- Lagoon Boulevard color palette (#EAF2E6, #009979, #00656A, #00304A, #080038)
Browse the whole catalog at Explore, or see today's palette.