Muted Cocoa color palette — #FFF3E6 · #C2E3CD · #C6C8D3 · #D69F8B · #604300

A conversation between Bronze and Camel, giving this palette its sense of optimism and sophistication.

The five colors

• Cream (#FFF3E6): A whisper-light, dusty gold — the color of honey in a jar.
• Celadon Mist (#C2E3CD): A whisper-light, dusty teal — the color of glacier melt.
• Oat (#C6C8D3): soft and architectural.
• Camel (#D69F8B): A luminous, dusty orange — the color of toasted spice.
• Bronze (#604300): A full-bodied, balanced gold — the color of honey in a jar.

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

• Washed Villa color palette (#FFF2ED, #FCFAB4, #E0DCCE, #D19FB7, #693400)
• Tempered Marigold Bloom color palette (#F8F8D7, #C4F1EC, #CAC7D3, #C39E3A, #254121)
• Dusty Studio color palette (#FFF3E6, #ECDCAD, #C59357, #8E5D47, #33322B)
• Timeworn Bronze color palette (#E6FCE9, #BEE6E4, #9DD2C6, #986E4F, #394E3F)
• Chalky Mint Harbor color palette (#E1E5B7, #77C588, #00A2A5, #644300, #000200)
• Pale Terracotta Corridor color palette (#FFF4DE, #BFCF76, #00B48E, #973B00, #050400)
• Olive Study color palette (#F7F5EB, #FFE0B6, #707F28, #353D15, #121003)
• Misty Cornflower Quarry color palette (#F8F6E6, #A5BD67, #617EE7, #88424D, #1C1903)

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