Muted Cocoa color palette — #EDF9F0 · #52939E · #3A6A99 · #803E2B · #283C2C

Rust takes the lead with Slate close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#EDF9F0): a clean, paper-quiet neutral.
• Storm Blue (#52939E): A luminous, dusty blue — the color of open sky before noon.
• Slate (#3A6A99): A full-bodied, balanced blue — the color of open sky before noon.
• Rust (#803E2B): A full-bodied, balanced orange — the color of autumn markets.
• Forest (#283C2C): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, 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

• Muted Mulberry Ridge color palette (#F1F7F0, #429D98, #247780, #7C3057, #32342E)
• Washed Chestnut color palette (#FFF3E9, #77B7A2, #4F7BA4, #7C4C2C, #394E3B)
• Wandering Courtyard color palette (#FAF2FA, #6485B8, #725792, #614600, #3B2D3C)
• Aged Cerulean Station color palette (#E9F5EE, #3788A0, #453743, #1A2E23, #0F1815)
• Grape Studio color palette (#E0FDEE, #00708D, #6116B9, #563200, #002530)
• Washed Pewter Quarry color palette (#E7F5F7, #399988, #8F5696, #76392B, #0B1D17)
• Dusty Lagoon Study color palette (#F2F7F1, #D4DCDC, #B8AEA5, #33938C, #4F544E)
• Softworn Lantern color palette (#F1F7EF, #5FB3A6, #A567B2, #8E544B, #383730)

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