Dusty Cocoa color palette — #FFF1F3 · #FFC5E7 · #ECA4B3 · #B97C7B · #743C12

A conversation between Bronze and Ballet Pink, giving this palette its sense of optimism and creativity.

The five colors

• Ivory (#FFF1F3): a clean, paper-quiet neutral.
• Thistle (#FFC5E7): A whisper-light, dusty pink — the color of neon signs at night.
• Ballet Pink (#ECA4B3): A luminous, balanced red — the color of embers at dusk.
• Dusty Rose (#B97C7B): A luminous, dusty orange — the color of sun-warmed clay.
• Bronze (#743C12): 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 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

• Dusty Stone Alley color palette (#FFF2ED, #FFD3CD, #E7A29A, #B07770, #522824)
• Mallow Coast color palette (#FFEEF8, #DFCFFF, #CDA0D7, #B081A2, #694845)
• Apricot Bloom color palette (#FFF2ED, #FFC2B5, #EEAB84, #A98657, #6B4B00)
• Blush Study color palette (#F9F1FF, #EFB1C6, #CC8394, #9B6067, #5D445C)
• Tempered Coast color palette (#EAE5FF, #DB9FC1, #C3667A, #874B44, #472C3D)
• Patina Amber color palette (#FFDBDD, #F99A88, #E47B42, #9F6100, #523B00)
• Tempered Blush color palette (#FFF2EE, #FDC4C8, #88D8D2, #E18D96, #3C5539)
• Patina Cocoa Quarry color palette (#FFF2EE, #E0DBCE, #E0AEB0, #98BDC2, #7C421C)

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