Lagoon Harbor color palette — #E5DFD6 · #418D96 · #004454 · #00231D · #000B13

Cerulean takes the lead with Deep Teal close behind in a set that reads as trust and stability at first glance.

The five colors

• Bone (#E5DFD6): a clean, paper-quiet neutral.
• Cerulean (#418D96): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Teal (#004454): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#00231D): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#000B13): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: 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

• Muted Denim Delta color palette (#F5EDE1, #5E9AA5, #005169, #00302C, #001626)
• Ancient Petrol Meadow color palette (#D1EBDA, #4B9BCA, #5966A8, #00403D, #00131B)
• Hushed Turquoise Lantern color palette (#D7E7DA, #13B5C3, #00819D, #005E52, #000B13)
• Midnight Garden color palette (#D8F4FD, #007591, #003446, #000D12, #030103)
• Washed Navy color palette (#EBE6DE, #6384A3, #003091, #00212B, #06002B)
• Garnet Boulevard color palette (#CAE7D1, #005C67, #780800, #00262B, #130000)
• Muted Chapel color palette (#F2EBE1, #76AB9E, #2B51A7, #003B4C, #18134E)
• Petrol Boulevard color palette (#F4EEE3, #84BAD2, #1C6EA2, #004F54, #112D54)

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