Muted Cocoa Lagoon color palette — #FFF2EA · #C59F7B · #986448 · #7B3F1F · #543600

Bronze takes the lead with Walnut close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Camel (#C59F7B): A luminous, dusty gold — the color of old brass.
• Walnut (#986448): A full-bodied, dusty orange — the color of autumn markets.
• Bronze (#7B3F1F): A full-bodied, balanced orange — the color of toasted spice.
• Cocoa (#543600): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Muted Cocoa 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

• Wandering Bronze Study color palette (#FCF4E8, #C3B98A, #A07838, #815117, #564700)
• Tempered Garden color palette (#FAE3D1, #B68E5F, #875733, #643527, #34302A)
• Worn Garden color palette (#FBF5E5, #A4AE6F, #7D7437, #55514A, #3E3E36)
• Driftwood Quarry color palette (#FFF0F8, #E9C5D4, #D79E7F, #B57661, #4E343E)
• Hushed Driftwood color palette (#FFF0F8, #D9B792, #B68167, #7C5D7A, #2C4433)
• Patina Corridor color palette (#FFEAD6, #976E00, #633A00, #441A00, #1E1400)
• Washed Cobalt color palette (#E8FAF3, #008ACA, #A35853, #605221, #213831)
• Fern Dune color palette (#E5DFCE, #5F5D00, #362A00, #1A0E00, #020400)

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