Muted Cocoa color palette — #DAF1FF · #006988 · #773700 · #003242 · #1E0900

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

The five colors

• Frost (#DAF1FF): A whisper-light, dusty blue — the color of deep harbor water.
• Peacock (#006988): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Bronze (#773700): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Teal (#003242): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#1E0900): A deep, shadowed, dusty gold — the color of honey in a jar.

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

• Garnet Basin color palette (#D5F1F9, #006D6D, #900028, #003434, #260005)
• Sunlit Ultramarine Delta color palette (#D3E0F2, #0056C7, #624600, #002864, #170E00)
• Wandering Chestnut color palette (#DBF3E2, #008699, #935500, #004E5A, #1B0B00)
• Garnet Delta color palette (#DCEDF8, #005375, #770046, #303400, #000910)
• Cobalt Cabin color palette (#CDE9FF, #008ECC, #A45B00, #00547B, #462400)
• Velvet Quarry color palette (#CFE9FB, #0076B1, #003957, #001323, #000308)
• Chestnut Summit color palette (#D2F0D8, #756815, #493500, #2B1600, #0B0D00)
• Patina Indigo Drift color palette (#D8EBF8, #86ABE3, #7E73C0, #00464F, #001C38)

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