Lagoon Harbor color palette — #F9F3F7 · #D2DEF9 · #80A8D8 · #008F79 · #3B4666

Fern takes the lead with Cornflower close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F9F3F7): bright and airy, almost weightless.
• Powder Blue (#D2DEF9): A whisper-light, dusty violet — the color of twilight just after sunset.
• Cornflower (#80A8D8): A luminous, balanced blue — the color of open sky before noon.
• Fern (#008F79): A full-bodied, balanced teal — the color of sea glass.
• Navy (#3B4666): A deep, shadowed, dusty violet — the color of wild irises.

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

• Dusty Cypress color palette (#FCF2F6, #BBD8F3, #8292CC, #007C7D, #403257)
• Teal Garden color palette (#EFF8F1, #CEE1FA, #8CC5EC, #54A7AB, #36495F)
• Patina Denim Drift color palette (#F6E9F3, #559FAA, #005F88, #003E26, #000030)
• Dusty Lagoon Terrace color palette (#FEF0FF, #D98B94, #62AB7D, #00948A, #443046)
• Ultramarine Station color palette (#F0DFE6, #6AABCF, #235CD1, #004B45, #18003E)
• Aged Forest Atelier color palette (#E7DDE8, #8CBAC6, #00829E, #025E14, #00203D)
• Softworn Cornflower Meadow color palette (#FFF1F5, #9CD1FE, #697EFB, #007274, #42126F)
• Timeworn Iris Boulevard color palette (#F9F2FF, #F0D3DA, #E0D2A1, #998BC4, #5B4961)

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