Lagoon Harbor color palette — #FBF2F6 · #DAD4E3 · #9BB3D5 · #5A928B · #4D5264

Storm Blue and Ash set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#FBF2F6): a clean, paper-quiet neutral.
• Silver (#DAD4E3): A whisper-light, dusty violet — the color of wild irises.
• Ash (#9BB3D5): A luminous, dusty blue — the color of open sky before noon.
• Storm Blue (#5A928B): A luminous, dusty teal — the color of sea glass.
• Charcoal Brown (#4D5264): A full-bodied, dusty violet — the color of twilight just after sunset.

Feels like: 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

• Hushed Terrace color palette (#E0FBFD, #D4DEEA, #C3AEB1, #8AACA1, #42575D)
• Tempered Seafoam color palette (#E9F9FB, #72DAC8, #DF99B7, #499D90, #564562)
• Muted Cobalt color palette (#F2E6EC, #61BEE4, #3775C2, #005A4E, #1C1645)
• Azure Lantern color palette (#FCF2F8, #9CE1F2, #4B9DD8, #397A62, #2A3A59)
• Worn Taupe Chapel color palette (#EAF9F1, #BED3AA, #A39D6F, #896B75, #394C4B)
• Faded Parlor color palette (#FBE4EC, #5E99C4, #364BB2, #003B3B, #0E0023)
• Teal Alley color palette (#E0FBFF, #5DC7B1, #D28F98, #B17D69, #2F474B)
• Teal Summit color palette (#F3E8F5, #00B9B3, #00728A, #084E0A, #001529)

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