Muted Cocoa color palette — #F5E2E8 · #A69568 · #815A2E · #712B0A · #11382B

A conversation between Rust and Coffee, giving this palette its sense of optimism and sophistication.

The five colors

• Rose Water (#F5E2E8): A whisper-light, dusty rose — the color of strawberry cream.
• Caramel (#A69568): A luminous, dusty gold — the color of old brass.
• Coffee (#815A2E): A full-bodied, dusty gold — the color of old brass.
• Rust (#712B0A): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Deep Forest (#11382B): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Chestnut Veranda color palette (#DAEDE2, #72A293, #716407, #5E3C00, #003934)
• Wandering Bronze Grove color palette (#DFECDE, #C9A875, #AE7114, #7A502B, #203626)
• Chestnut Cabin color palette (#EEDDCB, #B29364, #8C5700, #5E3100, #211604)
• Soft Summit color palette (#FAD0E9, #BE7D39, #993700, #750020, #352600)
• Chestnut Workshop color palette (#FDF2F7, #ABBEAB, #9C7286, #804E48, #394D41)
• Hushed Station color palette (#D6F3E3, #5C7127, #403900, #291800, #001001)
• Twilit Canyon color palette (#FFE6EF, #715400, #422300, #240500, #040400)
• Worn Cobalt Atelier color palette (#E6EFFF, #536ABC, #994237, #474800, #162643)

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