Dusty Cocoa color palette — #F4F4FF · #FFCDEF · #E3A8B1 · #BB7C67 · #6E3A00

Bronze and Caramel set the tone — five colors that lean into optimism and creativity.

The five colors

• Ivory (#F4F4FF): a clean, paper-quiet neutral.
• Thistle (#FFCDEF): A whisper-light, dusty pink — the color of peonies in June.
• Rose Quartz (#E3A8B1): A luminous, dusty red — the color of embers at dusk.
• Caramel (#BB7C67): A luminous, balanced orange — the color of toasted spice.
• Bronze (#6E3A00): A full-bodied, balanced gold — the color of old brass.

Feels like: Optimism, Creativity, Warmth, Comfort, Sophistication, Softness. 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

• Tempered Chapel color palette (#FFECF1, #D8A9C7, #C06E83, #7D3F2B, #412300)
• Antique Bronze color palette (#FFF1F0, #FDBFCD, #C68C92, #A45D58, #6E2F1F)
• Worn Fern color palette (#FFF1F5, #FFCAC4, #E3AD89, #A98E54, #4B4C00)
• Aged Corridor color palette (#FFDEF7, #FFA8C3, #FF796A, #BF6300, #453100)
• Blush Delta color palette (#F9EDFC, #F299AC, #877680, #5B505D, #232026)
• Ancient Ember color palette (#EADDE5, #FC8998, #DC6B41, #8E5B00, #2A2300)
• Ancient Petal color palette (#E5FBF1, #ECBFEB, #D59E99, #5B97A1, #4E4257)
• Airy Garden color palette (#FBD4DC, #F27956, #B66400, #685300, #111600)

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