Lagoon Harbor color palette — #D4EAEA · #008790 · #006672 · #00424F · #00080D
Built around Cerulean, softened by Peacock — the whole palette hums with trust and stability.
The five colors
- Frost (#D4EAEA): A whisper-light, dusty teal — the color of shallow lagoons.
- Cerulean (#008790): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#006672): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#00424F): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#00080D): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Dusty Cerulean color palette (#CFE8F4, #0097C6, #006B8F, #004054, #000204)
- Hazy Lagoon color palette (#D9E9DF, #008DA6, #9845BA, #005F70, #0D0015)
- Abyss Loft color palette (#CAECEA, #005D61, #00353A, #00151B, #000203)
- Emerald Thicket color palette (#CEEAD1, #00934E, #006F48, #004C3A, #000E0A)
- Patina Summit color palette (#D4E5EB, #007B98, #6739E1, #006A3B, #000203)
- Airy Studio color palette (#C9EDDB, #70B1DE, #6A93D7, #007C91, #00131E)
- Washed Nightshade color palette (#D2EBFF, #007DD4, #005AB7, #0018AE, #050034)
- Hushed Chestnut Boulevard color palette (#F2E1CD, #977C49, #825500, #5D3400, #050300)
Browse the whole catalog at Explore, or see today's palette.