Aged Cocoa color palette — #FFF3E5 · #B6A581 · #8D6B3D · #7A3F1F · #3F3D36

Bronze and Walnut set the tone — five colors that lean into optimism and sophistication.

The five colors

• Cream (#FFF3E5): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Camel (#B6A581): A luminous, dusty gold — the color of honey in a jar.
• Walnut (#8D6B3D): A full-bodied, dusty gold — the color of old brass.
• Bronze (#7A3F1F): A full-bodied, balanced orange — the color of toasted spice.
• Charcoal (#3F3D36): quiet, heavy and certain.

Feels like: Optimism, 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

• Weathered Dune color palette (#EAF6EA, #94B59A, #956C2F, #634526, #15281B)
• Chalky Garnet Delta color palette (#FFEAD9, #B59867, #9A5515, #822314, #3D3600)
• Aged Amber color palette (#FFF3E4, #D2BA96, #B4853F, #84613D, #403D36)
• Chestnut Grove color palette (#FAF4EF, #DC9F79, #527C3C, #944700, #25260D)
• Muted Garnet Field color palette (#F7E2CC, #988654, #784A00, #5F2000, #242700)
• Fern Quarry color palette (#FFEBDD, #C0A575, #7B7A26, #2B5E00, #004634)
• Aged Denim color palette (#FDF4E1, #94802A, #1D8270, #23509A, #36322C)
• Lowlit Harbor color palette (#F5DDCD, #7B4E0E, #4A1C00, #280004, #050300)

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