Softworn Cocoa Alley color palette — #F7EEFF · #E5AAB0 · #B1746D · #764124 · #3F2200

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

The five colors

• Blush (#F7EEFF): A whisper-light, dusty violet — the color of twilight just after sunset.
• Rose Quartz (#E5AAB0): A luminous, dusty red — the color of embers at dusk.
• Mocha (#B1746D): A luminous, dusty orange — the color of toasted spice.
• Bronze (#764124): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#3F2200): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged muted, warm.

Use it as a design system

One click turns Softworn Cocoa Alley 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

• Hushed Chestnut Market color palette (#FFEBF7, #E4B998, #A88452, #665814, #292C00)
• Dusty Garnet Cabin color palette (#F4EFFF, #CFADD7, #AC7598, #7B4051, #55121A)
• Tempered Bronze Thicket color palette (#FFF2F0, #ECBDB1, #C88980, #A65726, #663C00)
• Wandering Amber color palette (#FFDDD8, #CC7145, #854800, #422F00, #120F00)
• Wandering Boulevard color palette (#E7F7EA, #D498A5, #9A6C57, #1C5F50, #372536)
• Ancient Garden color palette (#F4F0F7, #DED4D7, #B9ABA6, #90789C, #38343A)
• Dusty Bronze Ridge color palette (#ECDCD6, #A46200, #5B4100, #221E00, #050800)
• Muted Shell Hollow color palette (#FAEDF9, #F3CECE, #FFB2AC, #BA8C61, #392335)

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