Aged Cocoa color palette — #FFF2ED · #B6B17A · #7E3838 · #521900 · #211A11

Rust and Espresso set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Sage (#B6B17A): A luminous, dusty green — the color of a quiet forest floor.
• Rust (#7E3838): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#521900): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Onyx (#211A11): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, 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

• Chestnut Field color palette (#FCF3EC, #D3BD95, #825125, #542E00, #27251B)
• Marigold Canyon color palette (#FBEDF6, #E1A660, #7A4432, #351F2E, #130810)
• Wandering Marigold Study color palette (#FFF3E2, #C69B32, #5D4300, #332300, #141400)
• Wandering Terracotta Grove color palette (#FBF3EF, #DD9C8F, #657900, #A33424, #272414)
• Hushed Taupe color palette (#FCF1FA, #EAD2A2, #C38177, #74596E, #2B1C28)
• Muted Olive color palette (#FFF3E4, #CB8550, #69700D, #484482, #413C36)
• Timeworn Bronze Courtyard color palette (#FAF4EF, #DADCD2, #BAC4B0, #9B673A, #4D4640)
• Chestnut Boulevard color palette (#F2E5D7, #755B00, #232F2F, #1F1100, #050200)

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