Muted Cocoa color palette — #FFF2E9 · #DBB565 · #803A00 · #2B0F00 · #030100

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

The five colors

• Ivory (#FFF2E9): a clean, paper-quiet neutral.
• Gold (#DBB565): A luminous, balanced gold — the color of old brass.
• Bronze (#803A00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Ink (#2B0F00): A deep, shadowed, dusty gold — the color of honey in a jar.
• Black (#030100): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged luxury, dark, 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

• Faded Pier color palette (#FFF2EF, #E0B452, #852C4A, #340014, #040000)
• Sand Delta color palette (#FFF3E7, #EDCB85, #85582E, #3D1F00, #080300)
• Rust Bloom color palette (#E9DBD2, #BEBD72, #BD5625, #743212, #170600)
• Marigold Chapel color palette (#FAECDB, #C69B36, #533400, #1D2622, #0E0600)
• Misty Marigold color palette (#FFF3E7, #FAA548, #638400, #8E5300, #010100)
• Patina Veranda color palette (#EDDBE5, #97921A, #622100, #250700, #050003)
• Softworn Atelier color palette (#FFF0D8, #CAB451, #6D7F00, #264800, #001908)
• Pale Quarry color palette (#F5F7E4, #FDD278, #427B30, #0F3900, #080800)

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