Lagoon Harbor color palette — #F5E9E3 · #519E9B · #005361 · #00321A · #001623

Built around Eucalyptus, softened by Peacock — the whole palette hums with nature and growth.

The five colors

• Cream (#F5E9E3): bright and airy, almost weightless.
• Eucalyptus (#519E9B): A luminous, dusty teal — the color of glacier melt.
• Peacock (#005361): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Deep Forest (#00321A): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#001623): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Washed Denim color palette (#EFDDD5, #62ACB8, #005F81, #003F32, #001F42)
• Navy Pier color palette (#F7EDE5, #3A8BA8, #003F6A, #002220, #02002E)
• Muted Canyon color palette (#CCE8D2, #00876F, #004B4A, #002930, #00151D)
• Tempered Cerulean color palette (#D8E5DA, #5DC3C0, #0094A3, #007054, #00171F)
• Soft Nightshade color palette (#F3E8DD, #5D96BD, #003CAD, #002F33, #12043E)
• Antique Indigo color palette (#C9F3F1, #3AB6F2, #6269F9, #004E2E, #001C21)
• Timeworn Sapphire color palette (#F4EDE6, #8BB6DE, #4861B7, #004E59, #2E264E)
• Softworn Studio color palette (#FDF3EE, #96D1D4, #0085A4, #006344, #124438)

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