Lagoon Harbor color palette — #D6F0DD · #40A39E · #2F6A8E · #5C332B · #330B04

Turquoise and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#D6F0DD): A whisper-light, dusty teal — the color of glacier melt.
• Turquoise (#40A39E): A luminous, balanced teal — the color of shallow lagoons.
• Peacock (#2F6A8E): A full-bodied, balanced blue — the color of open sky before noon.
• Cocoa (#5C332B): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Ink (#330B04): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Trust, Stability, Sophistication. Tagged vintage, retro, 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

• Tempered Lagoon color palette (#DFE6D7, #499C86, #2A6D86, #4B364F, #2E1933)
• Dusty Basalt color palette (#CDE9E8, #689EBA, #5F688B, #50420D, #241E00)
• Muted Quarry color palette (#D2F4E6, #008FA5, #44538D, #442234, #270E00)
• Muted Ash Balcony color palette (#CCECE9, #7CB7BA, #59748E, #654555, #3F2330)
• Worn Cocoa Canyon color palette (#EFE6D2, #93946E, #1D707A, #69401A, #4A3600)
• Weathered Coast color palette (#D7EBE5, #599F73, #006358, #114237, #001616)
• Washed Canyon color palette (#CEE2EC, #008EA7, #B73A00, #004F5E, #260600)
• Ancient Brick color palette (#C0E8F5, #007790, #AC1F00, #753A00, #000D12)

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