Quiet Cocoa color palette — #FFDDFA · #DA92AD · #B26054 · #793700 · #322400

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

The five colors

• Blush (#FFDDFA): A whisper-light, dusty pink — the color of a candy shop window.
• Mauve (#DA92AD): A luminous, balanced rose — the color of pressed rose petals.
• Mocha (#B26054): A full-bodied, balanced orange — the color of toasted spice.
• Bronze (#793700): A full-bodied, balanced gold — the color of old brass.
• Espresso (#322400): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged warm.

Use it as a design system

One click turns Quiet 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

• Sunlit Coast color palette (#EFEAFF, #CC9BC9, #9F5A78, #7D2E30, #3E1900)
• Antique Bronze Station color palette (#FFECF0, #E09788, #AC6A34, #5A4400, #212200)
• Ancient Bronze Corridor color palette (#FAF1DB, #C585A9, #99573C, #004E68, #341B16)
• Washed Chestnut Canyon color palette (#FFEBFD, #ECACBF, #CD7C77, #984900, #4E3400)
• Wandering Rose Veranda color palette (#F9D4E4, #E85252, #9E4300, #432C00, #161400)
• Patina Pewter color palette (#F9EFEE, #DBD6CF, #C1BCAD, #966377, #362827)
• Timeworn Grove color palette (#FFEDE9, #FFCFF7, #F99FA8, #B88943, #391B05)
• Bronze Market color palette (#FFEDEC, #CAAA99, #9F7938, #416359, #1D4036)

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