Muted Cocoa color palette — #FFF3E7 · #DBB65C · #B36A00 · #872900 · #1A1A00

Built around Rust, softened by Ochre — the whole palette hums with optimism and balance.

The five colors

• Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
• Gold (#DBB65C): A luminous, balanced gold — the color of old brass.
• Ochre (#B36A00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Rust (#872900): A full-bodied, balanced orange — the color of sun-warmed clay.
• Ink (#1A1A00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Optimism, Balance, Grounding. Tagged earthy, 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

• Chalky Rust Corridor color palette (#FFF2EA, #F7A753, #CF4F00, #8E142E, #211600)
• Bronze Study color palette (#FFF4DC, #B3C56E, #937D00, #6C4300, #031F00)
• Amber Market color palette (#FFF2EB, #E6BF9D, #C27154, #814249, #2B1F0B)
• Chalky Terrace color palette (#FFE3ED, #AB8912, #854B00, #680B09, #101400)
• Dusty Parlor color palette (#FECFDF, #EDA933, #CE8000, #9E602C, #362600)
• Wandering Bronze Lantern color palette (#FFE8CE, #9F8300, #6B4400, #3B1400, #010100)
• Bronze Terrace color palette (#FDF4E7, #DAE0C2, #CAA876, #A46B3E, #494000)
• Crimson Villa color palette (#FFF0FC, #FFA3BF, #F41835, #7B3600, #241600)

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