Dusty Lagoon color palette — #FAF4F0 · #DFDCD0 · #C5C2AD · #946853 · #4E4641

A conversation between Walnut and Stone, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FAF4F0): bright and airy, almost weightless.
• Bone (#DFDCD0): bright and airy, almost weightless.
• Stone (#C5C2AD): A luminous, dusty green — the color of new leaves after rain.
• Walnut (#946853): A full-bodied, dusty orange — the color of sun-warmed clay.
• Cocoa (#4E4641): a grounded near-black with real depth.

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

Use it as a design system

One click turns Dusty 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 Bronze color palette (#F8F0EB, #DAD8CD, #BBBEB1, #9B6654, #342A24)
• Olive Balcony color palette (#F9F5EB, #D5DECB, #C1BE9C, #786B00, #503D00)
• Timeworn Apricot Market color palette (#FFF3E7, #EDD8BD, #F69C43, #AB7F00, #46403B)
• Dusty Driftwood color palette (#FFEFD6, #BDB08A, #8E8239, #586D54, #2F5750)
• Antique Bronze Lagoon color palette (#F0E6DE, #B7A694, #A07738, #562A00, #1E1005)
• Fern Summit color palette (#E5E6DB, #B8BBAB, #88946E, #275100, #21210C)
• Bronze Thicket color palette (#FFF4E1, #C08B56, #846500, #175C3C, #413C36)
• Worn Harbor color palette (#FBF4E7, #A1862F, #247721, #005353, #542C16)

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