Muted Cocoa color palette — #F3EFE9 · #AAA496 · #908662 · #564200 · #0F0800

A conversation between Deep Olive and Mocha, giving this palette its sense of nature and growth.

The five colors

• Cream (#F3EFE9): a clean, paper-quiet neutral.
• Taupe (#AAA496): A luminous, dusty gold — the color of old brass.
• Mocha (#908662): A luminous, dusty green — the color of a quiet forest floor.
• Deep Olive (#564200): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#0F0800): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged scandi, muted, light.

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

• Basalt Bloom color palette (#E8F3EA, #A8C2B3, #7D998D, #4B3900, #000200)
• Timeworn Lagoon color palette (#F3ECE1, #A09A85, #73762D, #3A2700, #100700)
• Dusty Forest color palette (#DEE1D7, #B1B7AA, #899D7D, #006336, #111601)
• Fern Pier color palette (#EEE8D1, #AE9100, #7F7F00, #306F00, #030400)
• Pine Coast color palette (#DEE0CE, #498457, #005334, #322C00, #000902)
• Fern Station color palette (#E8E1CF, #6A6700, #2C4600, #002527, #030400)
• Softworn Drift color palette (#F6F5ED, #D4DCD2, #B3C4B3, #758C19, #3C3B34)
• Onyx Delta color palette (#EFF4D6, #498867, #246459, #003551, #00103A)

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