Muted Cocoa color palette — #E2F9E1 · #C3DCCE · #C8B3C8 · #A9857C · #743D0E

Bronze and Caramel set the tone — five colors that lean into optimism and sophistication.

The five colors

• Honeydew (#E2F9E1): A whisper-light, dusty green — the color of a quiet forest floor.
• Silver (#C3DCCE): A whisper-light, dusty teal — the color of shallow lagoons.
• Rosewood Mist (#C8B3C8): A luminous, dusty pink — the color of neon signs at night.
• Caramel (#A9857C): A luminous, dusty orange — the color of autumn markets.
• Bronze (#743D0E): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication. Tagged vintage, retro, muted, light.

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

• Worn Ash Station color palette (#F1F5DF, #CADBC1, #A9C1AF, #A887AC, #694944)
• Hushed Veranda color palette (#F4F2D5, #BCD0B4, #78A99D, #997332, #684800)
• Bronze Courtyard color palette (#D0FFF1, #C1C5F9, #C9A0DE, #B2742F, #584E00)
• Powder Delta color palette (#E0FDF3, #C2E0F8, #99BEE5, #67856C, #3B4D3E)
• Tempered Ridge color palette (#F1DAF1, #B0ADDA, #B58791, #9A6D1B, #3A4018)
• Chalky Rust Meadow color palette (#C1E8F4, #87BEEB, #8F99DD, #C44D25, #5F3700)
• Cerulean Courtyard color palette (#DCF7FF, #95B6C9, #7189AB, #6B5A6D, #47353E)
• Cocoa Boulevard color palette (#CDEAFC, #7784AB, #75648D, #753E00, #120D00)

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