Weathered Lagoon color palette — #FCF3F0 · #E0DAD0 · #A4B1AA · #9E776D · #58514F

Mocha and Ash set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#FCF3F0): a clean, paper-quiet neutral.
• Bone (#E0DAD0): a clean, paper-quiet neutral.
• Ash (#A4B1AA): a calm mid-gray that lets other colors speak.
• Mocha (#9E776D): A luminous, dusty orange — the color of autumn markets.
• Charcoal Brown (#58514F): quiet, heavy and certain.

Feels like: Sophistication. Tagged scandi, muted, light.

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 Stone color palette (#FFF2EE, #DDBB9D, #999078, #7B6B7B, #5A4C5A)
• Worn Cocoa Summit color palette (#EBE2D8, #C4B89F, #93906E, #623A00, #291C0E)
• Antique Thicket color palette (#FBF4EE, #DADCC8, #B7B4A4, #855836, #413932)
• Weathered Fern color palette (#F6F6ED, #A0CDB2, #6F8A68, #785E5F, #43550E)
• Tempered Blush color palette (#FDF4E0, #E38998, #956E44, #345F77, #703513)
• Washed Garnet color palette (#ECE3DF, #A7968A, #8F6927, #56030B, #130502)
• Patina Coral Studio color palette (#FEF2EE, #CC807D, #447E62, #245A73, #52394A)
• Timeworn Atelier color palette (#FDEFE6, #C35924, #533600, #31261F, #181511)

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