Lagoon Harbor color palette — #C8E5E3 · #009A9D · #007C85 · #005A66 · #00161D
Built around Cerulean, softened by Teal — the whole palette hums with trust and stability.
The five colors
- Silver (#C8E5E3): A whisper-light, dusty teal — the color of shallow lagoons.
- Cerulean (#009A9D): A luminous, balanced teal — the color of glacier melt.
- Teal (#007C85): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#005A66): A full-bodied, dusty blue — the color of open sky before noon.
- Ink (#00161D): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, cool.
Use it as a design system
One click turns Lagoon Harbor 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
- Patina Jade Grove color palette (#E5F4EB, #00A67A, #008065, #005449, #001916)
- Aged Lagoon color palette (#D6EEE9, #00908B, #00636D, #002C38, #000203)
- Frosted Orchard color palette (#D2F3FF, #0096C3, #0074A5, #004D77, #001228)
- Muted Orchid color palette (#D1EEDB, #009EB7, #AF3CE6, #006E80, #1B0029)
- Amethyst Lagoon color palette (#CAE5F1, #008AAF, #7D40FA, #007A4C, #00090E)
- Periwinkle Market color palette (#DEEFE7, #6DC6FF, #73AAF2, #008AA1, #001825)
- Worn Workshop color palette (#C6EEF1, #00C4D7, #009EB9, #007F9F, #00384C)
- Navy Studio color palette (#D0E8F9, #0091EB, #0070CF, #053EA5, #040143)
Browse the whole catalog at Explore, or see today's palette.