Muted Cocoa color palette — #FFF3E5 · #DBE0C8 · #9BCDB9 · #CB9C85 · #674500

Built around Bronze, softened by Camel — the whole palette hums with optimism and sophistication.

The five colors

• Cream (#FFF3E5): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Celadon Mist (#DBE0C8): A whisper-light, dusty green — the color of new leaves after rain.
• Pistachio (#9BCDB9): A luminous, dusty teal — the color of sea glass.
• Camel (#CB9C85): A luminous, dusty orange — the color of autumn markets.
• Bronze (#674500): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, muted.

Use it as a design system

One click turns Muted Cocoa 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 Corridor color palette (#FEF2EC, #C8FFDD, #DFDBCD, #BF9488, #76420D)
• Bronze Parlor color palette (#FFF3E8, #DCC7AC, #BC926E, #A0643C, #5D4300)
• Taupe Terrace color palette (#EDF9EE, #BCDFE8, #C0BFC9, #CAA09A, #48574B)
• Antique Powder color palette (#F6F7E6, #B4E6E0, #7DD3F4, #9CA273, #495507)
• Washed Thicket color palette (#FBF6DC, #CDF6C2, #8ADDBD, #998749, #3F3F37)
• Chestnut Lantern color palette (#F8F5EC, #E5CDA8, #858042, #5F4B00, #2F2B21)
• Quiet Quarry color palette (#F2E1C6, #B2AB46, #439C1C, #773D00, #130F00)
• Teal Courtyard color palette (#F3EFD5, #A1D4A8, #00BDAD, #756600, #292A06)

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