Muted Cocoa color palette — #E5F3EB · #006A81 · #723C00 · #00323F · #1C0A00

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

The five colors

• Cream (#E5F3EB): a clean, paper-quiet neutral.
• Peacock (#006A81): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Bronze (#723C00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Teal (#00323F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#1C0A00): 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 Garden color palette (#C9E7D2, #006B79, #91001C, #00333B, #260003)
• Deep Denim color palette (#EADFEC, #005292, #493E00, #002140, #080600)
• Garnet Alley color palette (#D4F3FF, #00556C, #731F00, #442A00, #00090E)
• Muted Coast color palette (#F0D8EE, #0952D0, #6A4100, #002272, #190C00)
• Washed Olive Study color palette (#E1EFE6, #0085A0, #5A7100, #004E5F, #0C1200)
• Mulberry Field color palette (#D3E7D9, #006B7A, #820071, #00333B, #21001C)
• Washed Pier color palette (#F6E7D1, #716A0C, #4A3400, #2F1400, #070E00)
• Patina Cobalt Bloom color palette (#E3F2FF, #0075B9, #003A5D, #001423, #000306)

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