Weathered Lagoon color palette — #FAF4EE · #BEE9EB · #88A7CF · #3B888A · #5A3D52

A conversation between Storm Blue and Blue Fog, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FAF4EE): bright and airy, almost weightless.
• Frost (#BEE9EB): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#88A7CF): A luminous, dusty blue — the color of deep harbor water.
• Storm Blue (#3B888A): A full-bodied, dusty teal — the color of glacier melt.
• Cocoa (#5A3D52): A full-bodied, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Weathered Lagoon 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

• Patina Lagoon Villa color palette (#FBF3F0, #C3E1E8, #92BCA9, #5A9481, #5D4B5F)
• Softworn Terrace color palette (#FCF2F6, #D8D4DF, #8BBEFF, #269395, #323E5C)
• Dusty Periwinkle color palette (#FFF2E9, #ABE5FF, #54A0EB, #008380, #2E3A73)
• Timeworn Bloom color palette (#EFF9EA, #6BCCB7, #DB88A3, #009580, #623042)
• Aged Market color palette (#FDF3ED, #C4DCC2, #52A2B4, #237F4F, #144435)
• Softworn Petrol Balcony color palette (#F6EAE4, #7FBEC3, #0081A2, #005C42, #00213A)
• Aged Coast color palette (#F1E3DB, #5F9DAE, #005E8C, #003C35, #000624)
• Ultramarine Summit color palette (#F6E6D7, #7DA7CA, #3F5FB8, #004951, #160040)

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