Muted Cocoa Balcony color palette — #FFF2EA · #C9B49B · #A57358 · #795348 · #584500

Deep Olive takes the lead with Mocha close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Stone (#C9B49B): A luminous, dusty gold — the color of afternoon light on wheat.
• Mocha (#A57358): A luminous, dusty orange — the color of sun-warmed clay.
• Coffee (#795348): A full-bodied, dusty orange — the color of autumn markets.
• Deep Olive (#584500): A deep, shadowed, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Muted Cocoa Balcony 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 Bronze Hollow color palette (#FFF2E9, #E9C39F, #B4947D, #A26242, #614000)
• Antique Lagoon color palette (#FDEDF5, #D7B492, #9D758A, #694E62, #233024)
• Stone Courtyard color palette (#FFF0F8, #CBE1C8, #D1A8BE, #A587A2, #3A4D40)
• Antique Villa color palette (#FCEBD9, #AE9D4D, #935B00, #792E1C, #2D3B13)
• Driftwood Harbor color palette (#EFE0CC, #8B8C44, #704F00, #5C2400, #252609)
• Driftwood Market color palette (#F5F6EB, #719E6A, #9D69A0, #78582F, #3D3E37)
• Hushed Bronze Corridor color palette (#F0E3D8, #856000, #592900, #3C0009, #0C0C00)
• Cypress Courtyard color palette (#F1F7EF, #E7B1A6, #006D62, #2D3E27, #1A2823)

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