Worn Lagoon color palette — #F0F7F4 · #DDD5D2 · #A5A99C · #63A5C6 · #4C5551

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

The five colors

• Ivory (#F0F7F4): bright and airy, almost weightless.
• Silver (#DDD5D2): bright and airy, almost weightless.
• Taupe (#A5A99C): a calm mid-gray that lets other colors speak.
• Blue Fog (#63A5C6): A luminous, balanced blue — the color of a favorite pair of jeans.
• Charcoal Brown (#4C5551): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication, Softness, Clarity. Tagged scandi, muted, light.

Use it as a design system

One click turns Worn 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

• Aged Basin color palette (#F8EEF7, #839BCB, #665258, #423240, #1B2420)
• Timeworn Drift color palette (#FAF3F6, #E0D8D5, #CDBFB1, #9682C3, #504449)
• Ancient Olive color palette (#F9F5E8, #85CCD3, #898EBF, #717336, #354E44)
• Denim Meadow color palette (#DAE5E1, #AEA0A8, #9D7C83, #004973, #000D08)
• Cocoa Courtyard color palette (#FBF3EF, #E0CEB8, #A89B71, #987080, #6A4400)
• Tempered Sapphire color palette (#F3ECF2, #E1D3D8, #D1ADAE, #446CC7, #382836)
• Weathered Byzantium color palette (#FEF2F4, #EED8D6, #DDB49F, #A745C0, #432B31)
• Weathered Fuchsia color palette (#FDF1FC, #CBFFF4, #C1DEFF, #DE8DCC, #553D50)

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