Aged Cocoa color palette — #FFF0F9 · #E7BBD2 · #AD7557 · #823D13 · #572C1B

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

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Carnation (#E7BBD2): A whisper-light, dusty rose — the color of a warm blush.
• Mocha (#AD7557): A luminous, balanced orange — the color of autumn markets.
• Bronze (#823D13): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#572C1B): A deep, shadowed, dusty orange — the color of toasted spice.

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

Use it as a design system

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

• Bronze Canyon color palette (#FFEBF7, #F8C0A1, #B86C44, #723A22, #311527)
• Softworn Chapel color palette (#FBF1FF, #E6B4C5, #AB6A85, #79304B, #502533)
• Muted Amber Bloom color palette (#FFF2EA, #FEC8AA, #D78D68, #955A47, #3F3934)
• Patina Taupe color palette (#FFF0F9, #E6D7D5, #C3D2A3, #BD7E82, #5D4B54)
• Timeworn Fern color palette (#E4FDEB, #DDCDA0, #947E43, #5B4C00, #173F29)
• Chestnut Thicket color palette (#F8E0D0, #974A00, #441F00, #171A10, #100400)
• Amber Veranda color palette (#FCE0B0, #B38338, #6F4E00, #372400, #221400)
• Ancient Marigold Courtyard color palette (#FFF3E6, #DC9840, #8F5B00, #543200, #381E00)

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