Muted Cocoa color palette — #FAE7D9 · #733C00 · #004662 · #212651 · #100500

Built around Bronze, softened by Deep Indigo — the whole palette hums with trust and stability.

The five colors

• Parchment (#FAE7D9): A whisper-light, dusty gold — the color of honey in a jar.
• Bronze (#733C00): A full-bodied, balanced gold — the color of old brass.
• Navy (#004662): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Deep Indigo (#212651): A deep, shadowed, dusty violet — the color of wild irises.
• Ink (#100500): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Trust, Stability, Optimism, Creativity, Sophistication. Tagged 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

• Timeworn Garnet color palette (#FFE6E2, #93030D, #004A4E, #102E44, #170000)
• Aubergine Grove color palette (#EEEFDD, #434200, #003850, #2D005F, #020200)
• Aged Aubergine color palette (#EFE9D4, #5B4C00, #003892, #2C0088, #0A0700)
• Velvet Balcony color palette (#EDE7DA, #8B6500, #1F2A2C, #241C00, #060400)
• Twilit Pier color palette (#F1DBC8, #6B3C00, #2D4700, #5A002E, #020100)
• Weathered Chestnut Lantern color palette (#ECDFD6, #8D5B10, #5C2600, #3D0006, #100B00)
• Ancient Ultramarine color palette (#F6EEE1, #936800, #006E90, #1500F3, #322000)
• Frosted Ridge color palette (#EEDDD0, #B79C51, #4F9239, #770024, #291900)

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