Muted Cocoa color palette — #D8FAFF · #006964 · #663500 · #412000 · #211100

A conversation between Bronze and Pine, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#D8FAFF): A whisper-light, dusty blue — the color of deep harbor water.
• Pine (#006964): A full-bodied, balanced teal — the color of sea glass.
• Bronze (#663500): A deep, shadowed, balanced gold — the color of honey in a jar.
• Espresso (#412000): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#211100): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged jewel, vibrant, muted, warm.

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

• Aged Garnet color palette (#C1F9FF, #007569, #860309, #5A0104, #231100)
• Weathered Denim color palette (#D6EAFF, #006294, #523A00, #362500, #001914)
• Misty Lagoon color palette (#E8EAC8, #386B00, #8C0032, #4B2400, #060500)
• Chestnut Courtyard color palette (#C6F5FA, #008C73, #954800, #5C4C00, #031B00)
• Powdered Aubergine color palette (#DBF9FF, #006F5E, #6B008C, #46005D, #271300)
• Aged Ridge color palette (#F2F5FF, #7F63C9, #6B5D00, #493F00, #122B2E)
• Hushed Emerald color palette (#EAF9F7, #59A06B, #9A5A2C, #45552E, #213530)
• Chalky Grape color palette (#FFDFB2, #008D9B, #4D18D1, #4D3200, #002D42)

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