Lagoon Harbor color palette — #F7EBE6 · #3D8E94 · #00425B · #002410 · #00071F

Cerulean takes the lead with Navy close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F7EBE6): bright and airy, almost weightless.
• Cerulean (#3D8E94): A full-bodied, dusty blue — the color of deep harbor water.
• Navy (#00425B): A deep, shadowed, dusty blue — the color of deep harbor water.
• Onyx (#002410): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#00071F): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

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 Cerulean color palette (#F0E1DA, #3A9FAD, #005072, #00321E, #020D3C)
• Washed Hollow color palette (#FBECDD, #5E85A3, #212D8D, #002222, #0F0023)
• Hushed Chapel color palette (#F4E9F3, #57B0B7, #007FA9, #006134, #00071F)
• Powdered Harbor color palette (#E8DFD6, #74A4CE, #444E9D, #003E40, #290E43)
• Ancient Field color palette (#F6ECE6, #85BBCE, #256BAC, #005142, #25265A)
• Misty Navy Orchard color palette (#E8DBEB, #C6748D, #9E6418, #2C2672, #200014)
• Moonless Onyx Bloom color palette (#F8DAC7, #77501B, #4D1800, #27000B, #040300)
• Midnight Aubergine Thicket color palette (#FFE5FB, #6B0067, #003F24, #002523, #050005)

Browse the whole catalog at Explore, or see today's palette.