Dusty Cocoa color palette — #FFF2ED · #E0DBCE · #B6C5D1 · #CDAFA0 · #7A3F1B

Bronze and Rosewood Mist set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Bone (#E0DBCE): bright and airy, almost weightless.
• Stone (#B6C5D1): A luminous, dusty blue — the color of deep harbor water.
• Rosewood Mist (#CDAFA0): A luminous, dusty orange — the color of sun-warmed clay.
• Bronze (#7A3F1B): A full-bodied, balanced orange — the color of sun-warmed clay.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, muted.

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

• Patina Atelier color palette (#FDF1FC, #E7D8D6, #B9B7C4, #C09BB8, #5F4A58)
• Cocoa Balcony color palette (#FFF3E2, #D4EBC3, #8EE5EB, #D5A98D, #5F4900)
• Antique Celadon Pier color palette (#FFF2ED, #E1DFC3, #C6E980, #E493A3, #4D4842)
• Softworn Station color palette (#FFF3E5, #F1B667, #8ABDE4, #739FC1, #563500)
• Driftwood Studio color palette (#FDECF9, #C7F0E8, #E8D2D2, #AF7183, #4A3642)
• Quiet Glacier Summit color palette (#F1DBFF, #3FF8FD, #FFC2C0, #95533B, #3E3430)
• Bronze Ridge color palette (#FEF3EA, #F1DDA1, #BF9472, #93602C, #312A24)
• Hazy Apricot Chapel color palette (#F0DBD7, #EA9125, #9A9D3B, #9C4662, #150700)

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