Muted Cocoa color palette — #FFF3E7 · #EDD5B8 · #D9AC81 · #AA8B72 · #614100
A conversation between Bronze and Sand, giving this palette its sense of optimism and sophistication.
The five colors
- Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
- Wheat (#EDD5B8): A whisper-light, dusty gold — the color of honey in a jar.
- Sand (#D9AC81): A luminous, dusty gold — the color of old brass.
- Caramel (#AA8B72): A luminous, dusty gold — the color of honey in a jar.
- Bronze (#614100): A full-bodied, balanced gold — the color of old brass.
Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, light, 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
- Aged Bronze Workshop color palette (#FBF0E5, #C7B9A1, #AA7641, #834428, #2F2C1C)
- Sunlit Archive color palette (#FBEBDF, #CD8F5E, #C25A00, #8D4024, #231100)
- Patina Mustard Lagoon color palette (#FEF2EE, #FFA99D, #B7BD6D, #7FA57D, #433B38)
- Stone Field color palette (#FFF1F6, #E4EBC3, #CBA1B1, #8D7084, #35433C)
- Quiet Marigold Ridge color palette (#FCECD3, #DFC768, #CA9C11, #A77512, #38352E)
- Softworn Moss color palette (#F9EBCC, #B8B672, #A48E01, #806826, #2B2403)
- Hushed Bloom color palette (#F5E5D0, #A2790E, #805600, #5B3500, #050300)
- Patina Blush Alley color palette (#FBF3F3, #FFCDE7, #F69C8D, #DF8DBA, #332C29)
Browse the whole catalog at Explore, or see today's palette.