Dusty Cocoa color palette — #FFF1F2 · #FFC1DD · #F3A4A2 · #C08A77 · #6F4100

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

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Carnation (#FFC1DD): A whisper-light, dusty rose — the color of a warm blush.
• Rose Quartz (#F3A4A2): A luminous, balanced orange — the color of toasted spice.
• Caramel (#C08A77): A luminous, dusty orange — the color of toasted spice.
• Bronze (#6F4100): A full-bodied, balanced gold — the color of afternoon light on wheat.

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

• Timeworn Mallow color palette (#FFF1F6, #F5C1FF, #E29FC7, #B8838C, #514A46)
• Ancient Drift color palette (#FFF2EB, #FFD4C6, #E6A498, #AB7966, #5F2501)
• Washed Villa color palette (#FFF2EE, #FFC2AF, #E8AB75, #A19263, #635200)
• Dusty Balcony color palette (#FFF2ED, #FFC4BE, #88D7DA, #D29792, #3B553E)
• Wandering Shell Lantern color palette (#F7ECFF, #FFABC4, #DA8B94, #9B675E, #614556)
• Patina Terracotta color palette (#F3EDFF, #DAA1B6, #B56670, #863C2C, #4A2C3D)
• Feathered Tangerine color palette (#FDE0EC, #FF9AA2, #FF623F, #A76800, #513B00)
• Dusty Powder Station color palette (#FFF2EE, #FFADB9, #75CAF2, #91A7CF, #503D38)

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