Muted Cocoa color palette — #D2E2EC · #005F87 · #7B3600 · #573400 · #000204

Built around Rust, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Silver (#D2E2EC): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Peacock (#005F87): A full-bodied, balanced blue — the color of deep harbor water.
• Rust (#7B3600): A full-bodied, balanced orange — the color of toasted spice.
• Cocoa (#573400): A deep, shadowed, dusty gold — the color of honey in a jar.
• Black (#000204): a grounded near-black with real depth.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged 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

• Tempered Mulberry color palette (#C6E6E8, #006569, #920030, #4C3B00, #000202)
• Ultramarine Harbor color palette (#D9E4F4, #0051B8, #6A4400, #364400, #000108)
• Quiet Cobalt Coast color palette (#E0F1FF, #0075B4, #995000, #634B00, #000205)
• Worn Orchard color palette (#FFEDCE, #717417, #564200, #371D00, #040400)
• Misty Grape color palette (#EEEBF9, #7737D3, #5F5F00, #005B20, #0B0020)
• Violet Orchard color palette (#CBEADB, #7CA5F4, #9C66C5, #005658, #00102A)
• Lowlit Veranda color palette (#CDE5FC, #004170, #4F006A, #002B25, #000206)
• Hushed Cobalt color palette (#DDECF8, #007CC6, #004F7F, #001833, #000205)

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