Aged Cocoa color palette — #F8EEE6 · #C8B8A1 · #9A9272 · #5F2B00 · #030100

Cocoa and Caramel set the tone — five colors that lean into optimism and sophistication.

The five colors

• Cream (#F8EEE6): bright and airy, almost weightless.
• Stone (#C8B8A1): A luminous, dusty gold — the color of honey in a jar.
• Caramel (#9A9272): A luminous, dusty green — the color of fresh herbs.
• Cocoa (#5F2B00): A deep, shadowed, balanced gold — the color of old brass.
• Black (#030100): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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 Veranda color palette (#F5E8EE, #939D93, #597966, #442000, #14030B)
• Timeworn Fern Villa color palette (#F1EFDE, #CED4B6, #9AAD8F, #485400, #030200)
• Ancient Coast color palette (#F2E5DC, #A1A290, #7E8E74, #9A4912, #110702)
• Wandering Forest Studio color palette (#FEDDD0, #907B40, #295621, #311A44, #04000A)
• Hushed Bronze color palette (#FAF4ED, #CADECE, #A4C1B5, #926F3E, #261C10)
• Patina Olive Quarry color palette (#F5EFDD, #5B8936, #00482C, #380318, #000200)
• Airy Ember Drift color palette (#FBEBD6, #FF5B41, #AE7900, #3A6500, #020100)
• Chestnut Garden color palette (#FBECCF, #994A00, #333400, #030038, #020100)

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