Muted Cocoa color palette — #FFF1F3 · #F9BFDF · #EAA1AD · #BF8476 · #703E00

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

The five colors

• Ivory (#FFF1F3): a clean, paper-quiet neutral.
• Carnation (#F9BFDF): A whisper-light, dusty pink — the color of neon signs at night.
• Ballet Pink (#EAA1AD): A luminous, balanced red — the color of embers at dusk.
• Caramel (#BF8476): A luminous, dusty orange — the color of sun-warmed clay.
• Bronze (#703E00): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Creativity, Warmth, Comfort, Softness, Clarity. Tagged light, muted, warm.

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

• Patina Basalt color palette (#FFF2EC, #FFD4CD, #E6A49D, #B7796D, #572300)
• Chestnut Loft color palette (#FFF2EF, #FFC8B9, #D9A579, #A68959, #614D00)
• Ancient Mallow Corridor color palette (#FFE5FA, #DBC9FF, #D1A2D7, #B47B9C, #684339)
• Blush Lantern color palette (#F8F2FF, #F3B4C7, #D58A98, #A66864, #5E4456)
• Dusty Market color palette (#F0EDFF, #DEA0C1, #BD636E, #80463C, #422934)
• Glacier Parlor color palette (#FFF2EF, #FCC3CF, #7ED7E7, #D593A2, #345640)
• Timeworn Cocoa color palette (#FFF2EE, #E0DBCE, #B6C1CE, #D1AA9F, #7A3D20)
• Soft Tangerine color palette (#F6DCE9, #FF97B2, #FC683A, #BE6400, #563B00)

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