Lagoon Harbor color palette — #D7EDE9 · #0098A0 · #00586C · #00213C · #00010F
Cerulean and Peacock set the tone — five colors that lean into trust and stability.
The five colors
- Honeydew (#D7EDE9): A whisper-light, dusty teal — the color of sea glass.
- Cerulean (#0098A0): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#00586C): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Midnight (#00213C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Black (#00010F): A deep, shadowed, dusty violet — the color of twilight just after sunset.
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
- Cerulean Garden color palette (#D7EDF1, #0095B0, #007492, #005371, #00121F)
- Worn Emerald color palette (#D7E3D4, #00A36C, #005C4C, #002E2D, #000304)
- Antique Azure Basin color palette (#DDF0FF, #0B98F2, #005589, #00172B, #000104)
- Linen Orchard color palette (#CCF3E4, #2295D1, #A02900, #004160, #040000)
- Navy Cabin color palette (#D0F2FC, #0087C9, #004898, #130073, #06001A)
- Wisteria Studio color palette (#CBF9E2, #A9C4FF, #BB78EC, #006869, #000403)
- Hushed Terracotta color palette (#D3EFFD, #007195, #933600, #593C00, #000103)
- Denim Workshop color palette (#D7FDFF, #00D1F2, #0089C5, #0057A4, #0E1567)
Browse the whole catalog at Explore, or see today's palette.