Muted Cocoa Lagoon color palette — #FEF2EE · #DABC7D · #804E4C · #5F2308 · #29241D

Espresso and Sand set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FEF2EE): bright and airy, almost weightless.
• Sand (#DABC7D): A luminous, balanced gold — the color of afternoon light on wheat.
• Coffee (#804E4C): A full-bodied, dusty orange — the color of autumn markets.
• Espresso (#5F2308): A deep, shadowed, balanced orange — the color of toasted spice.
• Onyx (#29241D): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged luxury, dark, 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

• Weathered Bronze Harbor color palette (#FCF3EF, #EFAE9C, #917C2A, #9A5946, #322D24)
• Washed Marigold Canyon color palette (#FCF4E6, #CCA95D, #624F1B, #312D27, #1B1C10)
• Muted Oat color palette (#FAF2FA, #B2DDC7, #8D738E, #59455A, #312831)
• Hushed Ash color palette (#FBF2F9, #FCD0E0, #B591AD, #7F6378, #332730)
• Amber Harbor color palette (#FEF3EB, #C47155, #1D7267, #634662, #3D2D2C)
• Wandering Archive color palette (#ECDACC, #B08400, #542800, #260F00, #080500)
• Dusty Parlor color palette (#FFF4E2, #D49A5F, #7D7A47, #376454, #614000)
• Eclipse Basin color palette (#F3E8CD, #896600, #1F2A2D, #221D00, #060400)

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