Muted Cocoa Archive color palette — #FFF2EE · #E9D6C8 · #E5A187 · #A67658 · #714200

Bronze takes the lead with Melon close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Bone (#E9D6C8): A whisper-light, dusty gold — the color of honey in a jar.
• Melon (#E5A187): A luminous, balanced orange — the color of sun-warmed clay.
• Mocha (#A67658): A luminous, dusty gold — the color of honey in a jar.
• Bronze (#714200): A full-bodied, balanced gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged light, muted, warm.

Use it as a design system

One click turns Muted Cocoa Archive 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

• Stone Canyon color palette (#FFF3E8, #E5E0B3, #D1B375, #8E834D, #534600)
• Antique Amber Loft color palette (#FFEEED, #F9C1CA, #EEA588, #C08150, #504D46)
• Timeworn Amber Courtyard color palette (#EDE0FC, #E39B9E, #C26C51, #7E512A, #1F3826)
• Powdered Apricot Loft color palette (#FFE7DD, #F68E34, #A96D00, #564100, #292200)
• Dusty Stone color palette (#FFF3E7, #DEDACC, #DDAB82, #875C36, #3B2306)
• Weathered Amber Lantern color palette (#FFF2EE, #FFAE7F, #D37A00, #8A5A00, #4C3800)
• Hushed Pier color palette (#FFF2EA, #ECD8BC, #92D8F0, #C6896C, #2C4F3E)
• Wandering Amber color palette (#F9E8D8, #B78500, #6F5C00, #363400, #070A00)

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