Muted Cocoa color palette — #FFF2EB · #FFD9B8 · #BDAF7B · #955962 · #5D3200

A conversation between Cocoa and Pewter, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Peach Cream (#FFD9B8): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Camel (#BDAF7B): A luminous, dusty green — the color of a quiet forest floor.
• Pewter (#955962): A full-bodied, dusty red — the color of embers at dusk.
• Cocoa (#5D3200): A deep, shadowed, balanced gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Sophistication. Tagged pastel, light, muted, warm.

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

• Cocoa Market color palette (#FFF3E7, #DCDECA, #D2C89E, #A0665A, #6A4300)
• Washed Pewter color palette (#FFF1F0, #FFCBD1, #D39F8A, #7E5083, #4F322E)
• Mulberry Basin color palette (#FFEEE6, #DCDCB8, #A8C493, #9A4877, #3A1A03)
• Washed Mint Cabin color palette (#FFF4E0, #DBDFA2, #92C48C, #8A5929, #3E3B35)
• Timeworn Chestnut Station color palette (#F1E7D1, #969C63, #716416, #574011, #31312A)
• Antique Garnet color palette (#EEE1D9, #DEAC6B, #959136, #89262C, #341C00)
• Worn Villa color palette (#FFF0FC, #D3F2D6, #A8CC9A, #C46CA2, #543341)
• Aged Veranda color palette (#F4E3CE, #B8A66A, #648626, #652300, #211600)

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