Muted Cocoa color palette — #FDF3EA · #DDE0CA · #B7BAC4 · #DBAB99 · #694800

Bronze and Rosewood Mist set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FDF3EA): bright and airy, almost weightless.
• Bone (#DDE0CA): A whisper-light, dusty green — the color of fresh herbs.
• Ash (#B7BAC4): soft and architectural.
• Rosewood Mist (#DBAB99): A luminous, dusty orange — the color of sun-warmed clay.
• Bronze (#694800): A full-bodied, balanced gold — the color of honey in a jar.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, 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

• Aged Chestnut Grove color palette (#FFF3E8, #DDE4C9, #9DD1CC, #CB8995, #6A4A00)
• Aged Oat Lagoon color palette (#FFF0F9, #C6E4ED, #E1B9CC, #AEADC6, #465547)
• Fern Drift color palette (#F7F7E1, #CAE8CF, #9BD9E8, #B7B371, #4B5609)
• Muted Hollow color palette (#FAF5E7, #C8C784, #9AB8E8, #B187C1, #3F3D36)
• Aged Courtyard color palette (#F8F5ED, #F2DAB5, #A9A068, #846920, #302B1E)
• Olive Ridge color palette (#E5EACD, #91CEB6, #00B9C0, #717A00, #00210F)
• Lime Quarry color palette (#F7F5EF, #E8DFB7, #78C8C3, #AAB445, #243223)
• Frosted Balcony color palette (#F1DDC5, #8FB375, #7DA83A, #9E4A00, #100B00)

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