Dusty Cocoa color palette — #FFF2EF · #DF97A6 · #7E4123 · #362724 · #140E0E

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

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Ballet Pink (#DF97A6): A luminous, balanced red — the color of late-summer berries.
• Bronze (#7E4123): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#362724): A deep, shadowed, dusty orange — the color of toasted spice.
• Ink (#140E0E): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged noir, dark, luxury, 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

• Ancient Summit color palette (#FCEEEC, #E79FB2, #A56C3F, #654E4A, #271F21)
• Weathered Amber color palette (#FFF3E5, #D58C18, #5A4200, #261C10, #090402)
• Timeworn Driftwood color palette (#F2EAF5, #B2697F, #4D3241, #221B25, #0D0C10)
• Chestnut Villa color palette (#F4E2D2, #8D4D00, #273430, #1A1100, #020100)
• Cocoa Chapel color palette (#EADFCB, #61626B, #654800, #161C15, #060600)
• Timeworn Rose Archive color palette (#FFF2ED, #FF3F3B, #5B2F00, #250D04, #060000)
• Nocturne Garden color palette (#FFDECC, #CB3F00, #361E03, #111F18, #0A0200)
• Weathered Lilac color palette (#FFF2EA, #F7BDA1, #8BCAB1, #9E9AD5, #582B00)

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