Muted Cocoa color palette — #BBFCD3 · #7CD0DD · #7A9BC1 · #95674D · #6B3817

Built around Bronze, softened by Mint — the whole palette hums with nature and growth.

The five colors

• Mint (#BBFCD3): A whisper-light, balanced teal — the color of glacier melt.
• Ice Blue (#7CD0DD): A luminous, balanced blue — the color of a favorite pair of jeans.
• Blue Fog (#7A9BC1): A luminous, dusty blue — the color of open sky before noon.
• Walnut (#95674D): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Bronze (#6B3817): A deep, shadowed, balanced gold — the color of honey in a jar.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged vintage, retro, 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

• Quiet Celadon Balcony color palette (#DDF1AC, #8ECBAA, #5EA3B7, #A05D5C, #713829)
• Wandering Quarry color palette (#B9FCF5, #87CEF0, #A8839B, #886C39, #5A5020)
• Bronze Lagoon color palette (#D5FFFA, #A4E3DC, #77AED2, #9E5B44, #294B35)
• Sunlit Ember Balcony color palette (#DAFFF0, #6ACCFF, #DC5F28, #0082B2, #642204)
• Basalt Market color palette (#D3F1FF, #98B0DE, #9A76A2, #5A6D33, #324300)
• Hushed Pewter Coast color palette (#D7F4FF, #7EADCB, #5A82B7, #784985, #64415B)
• Dusty Lagoon Lantern color palette (#F5F8DB, #77CFB0, #009A9A, #54734D, #114435)
• Azure Parlor color palette (#DEF2EE, #4F9EC2, #606A9B, #654A00, #302800)

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