Muted Cocoa color palette — #FFF2EB · #DFD9CD · #96BCCA · #E1A29F · #743C0F

Built around Bronze, softened by Rosewood Mist — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Bone (#DFD9CD): a clean, paper-quiet neutral.
• Ash (#96BCCA): A luminous, dusty blue — the color of a favorite pair of jeans.
• Rosewood Mist (#E1A29F): A luminous, dusty orange — the color of sun-warmed clay.
• Bronze (#743C0F): A full-bodied, balanced gold — the color of afternoon light on wheat.

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

• Stone Canyon color palette (#FFF1F1, #E2D8D0, #D0A7C4, #ADB196, #5C4341)
• Patina Field color palette (#FFF2ED, #DFDCCD, #BAD2A9, #B87F98, #70380E)
• Wandering Taupe Studio color palette (#FDF4E4, #DFCFAA, #BBAC7E, #9B855D, #3F3D36)
• Marigold Alley color palette (#FFF3E7, #E8AB6E, #87BC90, #B47B9F, #37322C)
• Tempered Delta color palette (#F6E9D6, #BAAA71, #9DA32B, #9D5F00, #140C00)
• Worn Canyon color palette (#FFF2EB, #FC9D80, #8594DB, #8F6BA5, #412421)
• Linen Balcony color palette (#FFF5D5, #F8F39C, #9BEBB1, #C89D51, #45423B)
• Weathered Taupe color palette (#FFF3E6, #F2D09B, #B88B5B, #7C5C3A, #282017)

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