Lagoon Harbor color palette — #F8F3F9 · #D3D6EB · #7DBCD3 · #67936B · #445466

Fern takes the lead with Sky close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F8F3F9): a clean, paper-quiet neutral.
• Silver (#D3D6EB): A whisper-light, dusty violet — the color of a velvet chair.
• Sky (#7DBCD3): A luminous, dusty blue — the color of a favorite pair of jeans.
• Fern (#67936B): A luminous, dusty green — the color of fresh herbs.
• Charcoal Brown (#445466): A full-bodied, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, 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

• Ash Garden color palette (#E6F9FD, #D8DCE8, #BCB7AD, #78A6A2, #3F525D)
• Timeworn Olive Pier color palette (#F9F4ED, #C4EEE1, #63A5AF, #5D793A, #375144)
• Tempered Apricot Workshop color palette (#E8F9FC, #90D4C6, #EE9780, #389F8F, #5F4257)
• Hushed Teal Courtyard color palette (#E4FAFF, #5FC5BE, #D89077, #A8855B, #2C474E)
• Ancient Pier color palette (#F9EAF7, #579FA7, #006084, #003E22, #000624)
• Timeworn Turquoise Market color palette (#EAF8FF, #9FE7F7, #38B3C2, #1B7784, #164152)
• Azure Atelier color palette (#FEF0FA, #98EAFD, #0FA4F7, #008663, #323D65)
• Hushed Taupe Hollow color palette (#FDF1F7, #B8D3BC, #C48E6B, #866985, #3A4C44)

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