Muted Cocoa color palette — #D5FFFB · #FFEAD8 · #DBD0D7 · #6F4100 · #312921

Bronze takes the lead with Honeydew close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Honeydew (#D5FFFB): A whisper-light, dusty teal — the color of sea glass.
• Cream (#FFEAD8): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Silver (#DBD0D7): bright and airy, almost weightless.
• Bronze (#6F4100): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Onyx (#312921): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged neon, dark, vibrant, 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

• Celadon Villa color palette (#FDFBA1, #FFE8E8, #D1D0DD, #593F37, #2A1E1A)
• Chestnut Terrace color palette (#F4F4FF, #C7DEFF, #FFC6A5, #8B5526, #342E29)
• Dusty Chartreuse color palette (#DDF2FF, #B4F557, #E0D1CA, #454100, #16150A)
• Seafoam Bloom color palette (#DFE2FF, #01F0E1, #FFA74F, #53413F, #352F31)
• Hushed Stone color palette (#F7F5EF, #D7DBD5, #AEB7BE, #B4B181, #514D43)
• Antique Sky Canyon color palette (#FEF3E6, #E1BD87, #6EBAD8, #8378B1, #35312B)
• Seafoam Loft color palette (#EEE7F5, #00EBD4, #FF97B0, #352A39, #1B161D)
• Chalky Courtyard color palette (#F7EEFF, #71F9FF, #FFC63C, #352600, #150C01)

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