Aged Cocoa color palette — #FFF2ED · #E0DBCE · #C1DBA5 · #B77FA0 · #70370E

A conversation between Bronze and Dusty Rose, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Bone (#E0DBCE): bright and airy, almost weightless.
• Pistachio (#C1DBA5): A whisper-light, dusty green — the color of new leaves after rain.
• Dusty Rose (#B77FA0): A luminous, balanced pink — the color of peonies in June.
• Bronze (#70370E): A full-bodied, balanced gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication, Softness. Tagged pastel, light, muted.

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

• Wandering Station color palette (#FFF3E8, #DDE1CA, #A4C5D7, #C89C8F, #744A01)
• Antique Sand Cabin color palette (#FFF1F3, #EAD5CF, #FFC097, #9E8DBD, #604B49)
• Softworn Seafoam color palette (#FFF3E5, #D6EEBE, #81E2CB, #C08072, #4D4942)
• Softworn Stone Pier color palette (#FFF0FC, #E7D7D7, #A0B4C2, #D29FAD, #533B4A)
• Gentle Raspberry Orchard color palette (#FFF2ED, #FFDC97, #A9CD40, #D04B71, #502803)
• Driftwood Summit color palette (#FCF4E7, #C8BE99, #A58C4F, #875F3C, #423F00)
• Patina Corridor color palette (#F2DCC6, #AE9D4F, #329749, #902022, #110A00)
• Weathered Bronze color palette (#FEF3E9, #D8C381, #A25F1D, #47413C, #2A1F16)

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