Muted Cocoa color palette — #EFF8F2 · #4190A0 · #725A94 · #833814 · #31342E

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

The five colors

• Ivory (#EFF8F2): bright and airy, almost weightless.
• Cerulean (#4190A0): A luminous, balanced blue — the color of open sky before noon.
• Slate (#725A94): A full-bodied, balanced violet — the color of wild irises.
• Rust (#833814): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#31342E): a grounded near-black with real depth.

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

• Dusty Pewter color palette (#FAF2F9, #6E83B8, #895076, #684B00, #263A2C)
• Wandering Canyon color palette (#F3F7ED, #72A58A, #696AA0, #7E3F23, #264C31)
• Garnet Studio color palette (#EFF8EE, #459B95, #2D6D92, #763554, #38352F)
• Cerulean Orchard color palette (#E7F6EE, #4686A0, #453744, #1C2D25, #0F1815)
• Hushed Mulberry color palette (#ECF2FC, #998C39, #98477E, #793B3A, #28181E)
• Aged Lagoon color palette (#F2F7F2, #D3DCDC, #B6ACA6, #488F91, #4D554D)
• Aubergine Quarry color palette (#FDF0FF, #0070C2, #6B2592, #562D00, #002A27)
• Peony Studio color palette (#F7F6EB, #A0B364, #C06B85, #8C5A44, #39352F)

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