Dusty Cocoa color palette — #FFF3E9 · #F3D3B5 · #D8AB8F · #A88B79 · #653E00

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

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Wheat (#F3D3B5): A whisper-light, dusty gold — the color of honey in a jar.
• Rosewood Mist (#D8AB8F): A luminous, dusty gold — the color of honey in a jar.
• Caramel (#A88B79): A luminous, dusty gold — the color of honey in a jar.
• Bronze (#653E00): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, 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

• Softworn Bronze Alley color palette (#FCEFE6, #C9B8A2, #AD7446, #744D41, #322C16)
• Muted Stone Field color palette (#FFF0F7, #ECD3D0, #C8A1B4, #8B7184, #354337)
• Honey Station color palette (#FFEBD2, #EFC05A, #CF9840, #A17649, #413403)
• Faded Amber color palette (#E9DFD0, #C5B165, #AD8928, #86642F, #2E2201)
• Softworn Powder Meadow color palette (#FEF0FF, #97C6FF, #D9A2CE, #8FA17E, #433944)
• Faded Amber Workshop color palette (#FCE1C9, #C67D00, #A05A00, #773909, #120900)
• Sunlit Olive color palette (#E7E7D2, #9AA84F, #838100, #685A00, #111A00)
• Ancient Mallow Coast color palette (#FFF0F9, #E0D9FF, #C4ABE9, #9C7CB0, #5C3460)

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