Weathered Lagoon color palette — #F9F4EE · #C9DBE8 · #E3BAC6 · #5D9CB0 · #5A4654

Slate Blue and Oat set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F9F4EE): bright and airy, almost weightless.
• Silver (#C9DBE8): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Oat (#E3BAC6): A whisper-light, dusty rose — the color of strawberry cream.
• Slate Blue (#5D9CB0): A luminous, dusty blue — the color of a favorite pair of jeans.
• Charcoal Brown (#5A4654): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Sophistication, Softness, Clarity. 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

• Washed Frost color palette (#EFF8EE, #A2F8F1, #F8B7C1, #59AAA4, #5D3D35)
• Dusty Study color palette (#F1F7F2, #DADDED, #789AD2, #2F798E, #485268)
• Tempered Field color palette (#EBFAEC, #C6E3E1, #B4B1BC, #7DAEAE, #44564A)
• Tempered Grove color palette (#F9F4EE, #BDE2E6, #6FCBD7, #3E9474, #214835)
• Washed Teal Pier color palette (#EFE5D7, #5CB2B3, #00606D, #002C21, #000102)
• Hushed Thicket color palette (#FCF4E7, #A5D2F3, #487CBD, #004F5D, #040136)
• Tempered Periwinkle Boulevard color palette (#FCF4E8, #C1E5F6, #66ADE5, #007E87, #1B2E4C)
• Tempered Mallow Studio color palette (#EAFBEA, #81DEDE, #D2A9E3, #BA9D73, #2D3D2E)

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