Muted Cocoa color palette — #F8EAF0 · #E3C8D0 · #97AC9D · #7B3700 · #070104

Bronze takes the lead with Sage close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Blush (#F8EAF0): a clean, paper-quiet neutral.
• Oat (#E3C8D0): A whisper-light, dusty rose — the color of strawberry cream.
• Sage (#97AC9D): A luminous, dusty teal — the color of shallow lagoons.
• Bronze (#7B3700): A full-bodied, balanced gold — the color of old brass.
• Ink (#070104): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Wandering Fern color palette (#E8F0EB, #C0D6CD, #82B1A9, #5A4D00, #000401)
• Tempered Garnet Canyon color palette (#F2ECF2, #DEC9D7, #BD9BA9, #930028, #060007)
• Weathered Garnet color palette (#F5ECE7, #A89E90, #8A7C33, #5F1E00, #0B0200)
• Washed Rust Drift color palette (#E9DEE4, #A3BAB5, #7CA3A7, #B94A00, #220A19)
• Antique Coast color palette (#CAEAD8, #839750, #225C12, #4B180F, #010100)
• Eclipse Cocoa color palette (#D9E8D9, #674600, #2E2F28, #0A1719, #070600)
• Weathered Villa color palette (#F8DFC7, #9F8D57, #4C641D, #003251, #0B0038)
• Cellar Pier color palette (#FCDDE8, #945600, #004A15, #001823, #030005)

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