Muted Cocoa color palette — #E5EDE7 · #A4B9B0 · #689893 · #564000 · #050D07

Built around Deep Olive, softened by Eucalyptus — the whole palette hums with optimism and sophistication.

The five colors

• Cream (#E5EDE7): bright and airy, almost weightless.
• Ash (#A4B9B0): A luminous, dusty teal — the color of glacier melt.
• Eucalyptus (#689893): A luminous, dusty teal — the color of shallow lagoons.
• Deep Olive (#564000): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#050D07): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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 Meadow color palette (#E9F0ED, #92A4A1, #558874, #393900, #000603)
• Patina Garnet Courtyard color palette (#EEE4EA, #C1ADB3, #759783, #762502, #11070E)
• Worn Boulevard color palette (#E5F6F0, #C3D9D7, #78BAAC, #526400, #022018)
• Ancient Lagoon color palette (#D6EAE6, #2B8B6B, #004E4D, #49180A, #000B06)
• Muted Bronze Balcony color palette (#EDF4F0, #CFDADB, #A7C3CF, #81753F, #262E29)
• Weathered Archive color palette (#F7EDD8, #71885D, #035E4E, #45243F, #21011D)
• Hushed Onyx Corridor color palette (#F3D8E1, #7E5F00, #01490D, #2D0049, #060600)
• Timeworn Amber Hollow color palette (#D3F1E4, #DC8900, #7F8000, #007150, #010500)

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