Muted Cocoa color palette — #FFF2ED · #E6D8D5 · #FEB998 · #B2B6A0 · #6F3215

Rust and Cantaloupe set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Bone (#E6D8D5): a clean, paper-quiet neutral.
• Cantaloupe (#FEB998): A whisper-light, balanced orange — the color of sun-warmed clay.
• Stone (#B2B6A0): A luminous, dusty green — the color of new leaves after rain.
• Rust (#6F3215): A deep, shadowed, balanced orange — the color of sun-warmed clay.

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

• Antique Shell color palette (#FFF1F3, #E8D9E3, #F3B7D1, #C9B2A0, #614446)
• Wandering Bloom color palette (#FFF3E6, #E1D9CC, #DFCA89, #A6BCD6, #644000)
• Cocoa Hollow color palette (#FFEBE0, #FFC3A8, #E2A67F, #BC8D69, #6D4200)
• Dusty Quarry color palette (#FBF2FB, #EBD5DB, #FFC684, #B0B8AF, #492F42)
• Muted Bronze color palette (#FEEEE7, #ED9F97, #A86A44, #7F4125, #281F1D)
• Apricot Alley color palette (#FDF3EA, #F5CCA5, #96D8B6, #D59B5F, #4B4E47)
• Pale Marigold Archive color palette (#FFEEE1, #FFC9B9, #FFB27A, #DE9B00, #3F1F00)
• Patina Turquoise Balcony color palette (#F4F6EF, #C9E7E9, #A2CCF0, #6FACC2, #5F4A61)

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