Dusty Cocoa color palette — #FFF1F2 · #FAC1DD · #EB9DAE · #C08485 · #7B3D21

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

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Thistle (#FAC1DD): A whisper-light, dusty rose — the color of strawberry cream.
• Ballet Pink (#EB9DAE): A luminous, balanced red — the color of embers at dusk.
• Dusty Rose (#C08485): A luminous, dusty red — the color of embers at dusk.
• Bronze (#7B3D21): A full-bodied, balanced orange — the color of sun-warmed clay.

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

Use it as a design system

One click turns Dusty 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

• Hushed Stone color palette (#FFF2EE, #FFC6C4, #EDA895, #C08668, #56504B)
• Aged Canyon color palette (#FFF1F5, #EBB5DA, #D18B9F, #A16358, #534D47)
• Patina Boulevard color palette (#FFF2EC, #FFD4CE, #E9A7A2, #B27370, #5F2306)
• Blush Alley color palette (#FFF2EE, #FFC2CA, #84D9CE, #DA909B, #40533B)
• Cocoa Balcony color palette (#FFF2ED, #E0DACE, #A6BAD6, #D6AAA7, #7D3F22)
• Tempered Garden color palette (#F3EBFF, #E2A1BE, #B9617A, #8B4B51, #422C3E)
• Chalky Coral color palette (#FBD9E4, #FFA1B0, #FF6457, #CE4B1F, #682B00)
• Softworn Shell color palette (#FFF2EE, #F8B2B4, #A7C99A, #92B1DC, #533C35)

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