Muted Cocoa color palette — #FFF3E7 · #DDDCCA · #BACCD9 · #D8A68A · #673F00

Bronze and Camel set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
• Bone (#DDDCCA): A whisper-light, dusty green — the color of fresh herbs.
• Oat (#BACCD9): A whisper-light, dusty blue — the color of deep harbor water.
• Camel (#D8A68A): A luminous, dusty gold — the color of old brass.
• Bronze (#673F00): 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

• Aged Cocoa Field color palette (#FFF2EA, #DFE1C2, #9ED6BD, #B38579, #6E4500)
• Tempered Blush Studio color palette (#FFF1F7, #E5FFCA, #C3E9F3, #E5959E, #5C3F4A)
• Muted Basalt Loft color palette (#F5F9DA, #AEEFE6, #82D7E0, #9BB380, #3A4400)
• Aged Mustard color palette (#FFECF2, #C5E2F8, #D2C274, #A27257, #263425)
• Wandering Ridge color palette (#FCF4E6, #EBD39B, #A59360, #716237, #262116)
• Dusty Moss Delta color palette (#E4E4CA, #A1B55E, #6AA551, #7F6500, #0D0E00)
• Timeworn Mustard Market color palette (#FAF5E4, #B9C16A, #61BFBD, #569AB6, #35332C)
• Feathered Amber color palette (#FFF4DE, #F9E48D, #CEDE66, #D08A00, #433500)

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