Muted Cocoa Garden color palette — #FFF2EE · #EAD9D9 · #EAC09B · #BBB5AC · #6D340D
A conversation between Bronze and Sand, giving this palette its sense of optimism and sophistication.
The five colors
- Ivory (#FFF2EE): a clean, paper-quiet neutral.
- Bone (#EAD9D9): a clean, paper-quiet neutral.
- Sand (#EAC09B): A whisper-light, dusty gold — the color of old brass.
- Stone (#BBB5AC): soft and architectural.
- Bronze (#6D340D): A deep, shadowed, balanced orange — the color of sun-warmed clay.
Feels like: Optimism, Sophistication, Softness, Clarity. Tagged candy, vibrant, light, muted.
Use it as a design system
One click turns Muted Cocoa Garden 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
- Tempered Hollow color palette (#FFF2ED, #EAD7C3, #E7A47E, #9A7755, #664400)
- Worn Workshop color palette (#FBF2FA, #E7D7D4, #F3BE9F, #D78862, #523B4D)
- Softworn Parlor color palette (#FFF2EE, #E0DACE, #C2C1AD, #7E8A7C, #3B5448)
- Mint Canyon color palette (#FFF4E1, #D7D7CB, #A9C879, #9DA8C1, #3A3730)
- Patina Mustard color palette (#FFF2EB, #E8DAD7, #C9C2A1, #E8AA00, #3C1A00)
- Ancient Powder Veranda color palette (#F9F4ED, #C3E0F0, #BBBEED, #619DA8, #5A4657)
- Timeworn Coral color palette (#FFF2ED, #F48D85, #7B4514, #332824, #140E0C)
- Weathered Amber color palette (#FFF3E8, #E8DBB7, #97D4FF, #C48C5E, #2B4E43)
Browse the whole catalog at Explore, or see today's palette.