Muted Cocoa color palette — #DBE5DB · #A2BAA8 · #779684 · #5C3D00 · #050D06

A conversation between Bronze and Eucalyptus, giving this palette its sense of optimism and sophistication.

The five colors

• Parchment (#DBE5DB): a clean, paper-quiet neutral.
• Ash (#A2BAA8): A luminous, dusty teal — the color of shallow lagoons.
• Eucalyptus (#779684): A luminous, dusty teal — the color of sea glass.
• Bronze (#5C3D00): A deep, shadowed, balanced gold — the color of honey in a jar.
• Ink (#050D06): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Basalt Balcony color palette (#D9E3DD, #90A69B, #628479, #3F3600, #000602)
• Tempered Cocoa Veranda color palette (#E7DFD7, #BFB8AC, #948E77, #5F3C00, #281D10)
• Softworn Chapel color palette (#EFE4EC, #C5AABB, #A58193, #72271F, #120610)
• Dusty Basin color palette (#E6F7EE, #BDDCD1, #91B4AB, #605F00, #0D1E17)
• Olive Veranda color palette (#E8E9D2, #70863E, #2F5B30, #00373D, #001620)
• Amber Quarry color palette (#DBEBDF, #CD8800, #967600, #5E6700, #0A0700)
• Weathered Thicket color palette (#D9EFE0, #7C6000, #3E3F00, #002520, #070500)
• Muted Basalt color palette (#E1EAE4, #9EBBAC, #78958A, #514200, #040D07)

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