Muted Cocoa Field color palette — #FFF0F8 · #ACA9DB · #C08883 · #6F6AA5 · #77391E

Built around Bronze, softened by Slate — the whole palette hums with optimism and creativity.

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Mauve (#ACA9DB): A luminous, dusty violet — the color of wild irises.
• Dusty Rose (#C08883): A luminous, dusty orange — the color of autumn markets.
• Slate (#6F6AA5): A full-bodied, balanced violet — the color of a velvet chair.
• Bronze (#77391E): A full-bodied, balanced orange — the color of toasted spice.

Feels like: Optimism, Creativity, Sophistication. Tagged muted.

Use it as a design system

One click turns Muted Cocoa Field 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 Amber color palette (#FFF1F3, #CA9FCD, #C18C5F, #8A628E, #524C46)
• Petrol Archive color palette (#E5FBF4, #81B6E0, #BD83AC, #3379A9, #674144)
• Muted Indigo color palette (#FAEEF4, #B2ABE0, #B09B57, #7262B6, #3C3002)
• Softworn Pewter Field color palette (#FEF1F6, #B5A7D4, #5CA7AC, #7B65A3, #35563B)
• Aged Pier color palette (#FFF1F6, #E4D6D4, #E4BAAA, #AA849A, #604D53)
• Muted Denim color palette (#FFF1F6, #C9BAE6, #8879AC, #564675, #3E3256)
• Mulberry Station color palette (#FFF2F0, #D482A2, #A18732, #9B4269, #50410A)
• Ancient Iris Orchard color palette (#F2F5FF, #B8C2EB, #C4B073, #8D7CD8, #345640)

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