Aged Cocoa Study color palette — #FFF2EF · #E1D9CC · #DDBD9D · #976C84 · #7A3C22

Bronze and Mocha set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Bone (#E1D9CC): bright and airy, almost weightless.
• Sand (#DDBD9D): A luminous, dusty gold — the color of honey in a jar.
• Mocha (#976C84): A full-bodied, dusty pink — the color of a candy shop window.
• Bronze (#7A3C22): A full-bodied, balanced orange — the color of autumn markets.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged pastel, light, muted, warm.

Use it as a design system

One click turns Aged Cocoa Study 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

• Driftwood Station color palette (#FFEDEC, #E3D7C0, #B5CF9B, #9277B0, #482F27)
• Hushed Canyon color palette (#FFF3E6, #B9A484, #8C6B49, #6F4730, #403D36)
• Worn Thicket color palette (#FFF2F0, #FFCAA8, #C5941B, #993552, #5F2812)
• Dusty Workshop color palette (#FFF3E8, #DDE7BE, #ADBD56, #AB4D2C, #593E0B)
• Olive Boulevard color palette (#FCF3ED, #DE9E71, #567C36, #8C4D18, #262513)
• Stone Cabin color palette (#FAEACD, #AFC176, #5D9767, #724400, #272400)
• Patina Stone color palette (#FCF1FF, #F9E9BB, #DBD8CD, #D6A1BD, #574757)
• Hushed Garnet color palette (#FFE6E7, #D7997F, #986B1A, #790C48, #320400)

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