Muted Cocoa color palette — #DDF3FA · #005F61 · #712E00 · #461A00 · #000203

A conversation between Rust and Espresso, giving this palette its sense of optimism and sophistication.

The five colors

• Frost (#DDF3FA): A whisper-light, dusty blue — the color of deep harbor water.
• Peacock (#005F61): A full-bodied, dusty teal — the color of sea glass.
• Rust (#712E00): A deep, shadowed, balanced orange — the color of autumn markets.
• Espresso (#461A00): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Black (#000203): quiet, heavy and certain.

Feels like: 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

• Pale Garnet color palette (#D4F5FD, #00605C, #820036, #51001F, #000202)
• Denim Dune color palette (#E1EFFF, #0050A2, #5F3D00, #3A2400, #000207)
• Cellar Onyx Lagoon color palette (#D2F2FD, #004044, #530800, #2A0200, #000203)
• Obsidian Garnet Garden color palette (#CBE6FA, #006085, #69003C, #1E1B00, #020200)
• Ultramarine Quarry color palette (#E1EDFF, #2735FB, #5B5500, #3B3700, #01001E)
• Aubergine Terrace color palette (#D9EEE0, #006D8F, #3E1A94, #281E00, #00030B)
• Muted Ridge color palette (#D9ECFF, #0073BB, #7E5900, #583D00, #000E1F)
• Faded Aubergine color palette (#D2E3E9, #00848E, #5100AB, #004045, #01000D)

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