Muted Cocoa color palette — #FCF3EE · #E0DECD · #B57355 · #6C3603 · #211914

Built around Bronze, softened by Caramel — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FCF3EE): a clean, paper-quiet neutral.
• Bone (#E0DECD): A whisper-light, dusty green — the color of new leaves after rain.
• Caramel (#B57355): A luminous, balanced orange — the color of toasted spice.
• Bronze (#6C3603): A deep, shadowed, balanced gold — the color of honey in a jar.
• Ink (#211914): 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

• Ancient Bronze Garden color palette (#FAF5E8, #FBE49F, #817827, #3F3902, #140F03)
• Marigold Studio color palette (#F8EDD8, #C59C1F, #483A00, #1D2724, #0B0700)
• Hushed Cocoa color palette (#FFF2ED, #BFC596, #7E504A, #5F2403, #2B2318)
• Antique Bronze Meadow color palette (#FDF3EE, #EEDF9B, #BE947F, #995A3A, #332924)
• Patina Chapel color palette (#FFF3E5, #E5B14C, #6E4800, #241500, #020100)
• Aged Mustard color palette (#FCF4E9, #E5BC75, #75C0A1, #4D8F8D, #35312B)
• Weathered Mustard color palette (#FFF4E0, #D6ECBD, #B6B35A, #6B792C, #2F470D)
• Antique Thicket color palette (#F9F4EF, #DADBD2, #A1B6BA, #C3AA82, #504D48)

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