Muted Cocoa color palette — #CDE8DB · #007DA3 · #812E00 · #00342F · #001210

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

The five colors

• Honeydew (#CDE8DB): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#007DA3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Rust (#812E00): A full-bodied, balanced orange — the color of sun-warmed clay.
• Deep Forest (#00342F): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#001210): A deep, shadowed, dusty teal — the color of sea glass.

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

• Feathered Harbor color palette (#D3E7D2, #008282, #8B0051, #00361B, #001306)
• Antique Sapphire color palette (#F2D6F1, #0069E9, #634600, #003431, #001211)
• Worn Indigo Market color palette (#F9E8F1, #766DC9, #6A5100, #003853, #001624)
• Patina Harbor color palette (#D6EBFF, #1699F5, #A04000, #00563B, #002C1C)
• Softworn Veranda color palette (#F4E2C6, #84A232, #006D42, #60234F, #111900)
• Softworn Plum color palette (#D3E3F2, #9A84D6, #B33960, #004E3F, #002F25)
• Cobalt Study color palette (#FEEEE5, #5FCCE7, #0077BC, #00543F, #0E0D4B)
• Softworn Drift color palette (#F2D8E5, #7D31FF, #4E5000, #00323D, #001116)

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