Lagoon Harbor color palette — #D8EBE7 · #428E8E · #00454B · #00231E · #000C0F

Storm Blue and Deep Teal set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#D8EBE7): A whisper-light, dusty teal — the color of glacier melt.
• Storm Blue (#428E8E): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Teal (#00454B): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#00231E): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000C0F): 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

• Softworn Navy Lantern color palette (#D4ECEB, #5C85A7, #003C73, #00202E, #000622)
• Dusty Petrol color palette (#EDEDDE, #56B1B1, #00848D, #005E53, #000C0F)
• Petrol Meadow color palette (#D5EDF9, #4FA8CA, #126EA4, #00383B, #00141A)
• Denim Ridge color palette (#F3E9E3, #7C9C7D, #006376, #003E25, #000B15)
• Airy Aubergine color palette (#DCEFF5, #005D61, #4E0E8F, #002628, #09001B)
• Petrol Ridge color palette (#DEFDF8, #6DC7D9, #007A95, #005558, #00384C)
• Eclipse Nightshade color palette (#C1EDF1, #00484E, #180E96, #0C2C00, #000203)
• Midnight Chestnut color palette (#F4DBE5, #7E4C00, #442100, #200900, #060300)

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