Weathered Lagoon color palette — #FAF4EE · #C7DFEF · #CAA4BE · #4B9498 · #674854

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

The five colors

• Ivory (#FAF4EE): bright and airy, almost weightless.
• Powder Blue (#C7DFEF): A whisper-light, dusty blue — the color of deep harbor water.
• Mauve (#CAA4BE): A luminous, dusty pink — the color of a candy shop window.
• Storm Blue (#4B9498): A luminous, dusty blue — the color of a favorite pair of jeans.
• Charcoal Brown (#674854): A full-bodied, dusty rose — the color of strawberry cream.

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

• Dusty Lagoon Station color palette (#FBF3EF, #C4E0EB, #8CBDB1, #5C9383, #614B59)
• Aged Petrol Basin color palette (#F1F7F2, #DADCED, #8199C8, #267994, #48526A)
• Worn Stone color palette (#FFF3E4, #D2AA70, #8DA4D6, #8E82B1, #5C3A00)
• Softworn Taupe Study color palette (#FFF2ED, #FBBBA5, #BE8E5D, #887843, #514F48)
• Hushed Chestnut color palette (#FFF3E4, #D9E5C9, #C5CDD9, #BD9487, #6B4D00)
• Amber Summit color palette (#FDF3EA, #EBB98C, #9BB1DF, #B77E4A, #5F425C)
• Denim Corridor color palette (#EFE1DC, #4FA1A4, #00617E, #003F1A, #00081C)
• Indigo Workshop color palette (#F1E9E1, #8BB7D9, #566DC6, #005959, #270D47)

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