Aged Cocoa color palette — #FFF2EA · #CCB39B · #A27461 · #785347 · #5F4200

Bronze takes the lead with Mocha close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Stone (#CCB39B): A luminous, dusty gold — the color of afternoon light on wheat.
• Mocha (#A27461): A luminous, dusty orange — the color of toasted spice.
• Coffee (#785347): A full-bodied, dusty orange — the color of toasted spice.
• Bronze (#5F4200): A full-bodied, balanced gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, 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

• Worn Delta color palette (#FFF2EA, #E6C3A6, #B5937D, #A1633F, #683C00)
• Tempered Stone color palette (#FBEEF5, #DDB194, #9A778A, #684F60, #38262D)
• Softworn Stone color palette (#FEF1F8, #F0CFDC, #D0A8C0, #A3889F, #3D4D3C)
• Chestnut Loft color palette (#F1E6D6, #9B9B5E, #7D5F00, #643808, #31312A)
• Tempered Driftwood color palette (#F7F6E6, #7E9C54, #AE6388, #785834, #3E3E36)
• Patina Olive Station color palette (#EAE2D0, #6E7F25, #514500, #392200, #031C01)
• Worn Harbor color palette (#FFE9D9, #8E5B00, #5C2600, #3D0005, #110A00)
• Basalt Thicket color palette (#F3F7EE, #DFB797, #1D6E52, #2B4000, #1F2823)

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