Weathered Cocoa Alley color palette — #FFE8E5 · #F7B6C3 · #CE828B · #9A6160 · #783A1F

A conversation between Bronze and Dusty Rose, giving this palette its sense of optimism and warmth.

The five colors

• Rose Water (#FFE8E5): A whisper-light, dusty orange — the color of sun-warmed clay.
• Ballet Pink (#F7B6C3): A whisper-light, dusty red — the color of embers at dusk.
• Dusty Rose (#CE828B): A luminous, balanced red — the color of late-summer berries.
• Walnut (#9A6160): A full-bodied, dusty orange — the color of toasted spice.
• Bronze (#783A1F): A full-bodied, balanced orange — the color of autumn markets.

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

Use it as a design system

One click turns Weathered 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 Taupe Basin color palette (#FFF2EC, #FAB8A5, #D09175, #9E6E51, #534D48)
• Worn Workshop color palette (#FFF2EC, #FFCABD, #CA8D7E, #8D5548, #592300)
• Timeworn Driftwood Thicket color palette (#FFF2EE, #F4AFB4, #A5ADE2, #B8777D, #604256)
• Ancient Ash color palette (#FFE7EF, #D8B4E7, #B688BC, #8D6189, #674246)
• Softworn Terracotta color palette (#FFF1F2, #D6A0B5, #BD6E77, #964B43, #544E49)
• Tangerine Lantern color palette (#F2DEDB, #F27851, #BA4B00, #853E00, #492400)
• Weathered Market color palette (#FFF2EC, #DFD9CD, #92BAB6, #BE9385, #763D13)
• Washed Coral Field color palette (#FFF2ED, #E89993, #B8A369, #A981B5, #48403D)

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