Lagoon Harbor color palette — #FAF4EF · #C7E3E5 · #8DA5D3 · #008B96 · #5B3D4F

Built around Cerulean, softened by Blue Fog — the whole palette hums with trust and stability.

The five colors

• Ivory (#FAF4EF): a clean, paper-quiet neutral.
• Silver (#C7E3E5): A whisper-light, dusty blue — the color of deep harbor water.
• Blue Fog (#8DA5D3): A luminous, dusty violet — the color of a velvet chair.
• Cerulean (#008B96): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Cocoa (#5B3D4F): A full-bodied, dusty pink — the color of neon signs at night.

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

• Washed Canyon color palette (#FCF2F6, #D8D4DE, #9CBCF1, #478F95, #363E58)
• Timeworn Loft color palette (#FBF3EF, #C8E3DC, #5FB2CB, #368D68, #265145)
• Linen Periwinkle Summit color palette (#FDF3EB, #B3E2FE, #539CFC, #008285, #353872)
• Softworn Petrol Meadow color palette (#FAEAE3, #7FBDC7, #0080A8, #005B47, #00203F)
• Timeworn Teal color palette (#FFF2EE, #DD8A8E, #35AE9A, #0098A1, #4E2F25)
• Patina Denim color palette (#F4E7DF, #5B9CB6, #005B97, #003C39, #02002E)
• Cerulean Lagoon color palette (#FFF2EC, #86DBE3, #009BC3, #007557, #00355B)
• Wandering Study color palette (#F6EDE4, #9ED1C2, #6582D2, #006A77, #2E2455)

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