Ancient Cocoa color palette — #FFEEE5 · #DEDAC5 · #B5B6C2 · #9F7873 · #5B2F00

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

The five colors

• Cream (#FFEEE5): A whisper-light, dusty orange — the color of sun-warmed clay.
• Bone (#DEDAC5): A whisper-light, dusty green — the color of new leaves after rain.
• Ash (#B5B6C2): a calm mid-gray that lets other colors speak.
• Mocha (#9F7873): A luminous, dusty orange — the color of sun-warmed clay.
• Cocoa (#5B2F00): A deep, shadowed, balanced gold — the color of old brass.

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

Use it as a design system

One click turns Ancient 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

• Driftwood Villa color palette (#FDF1FB, #E6D8D6, #B8B2C3, #9285A7, #5B4A51)
• Muted Harbor color palette (#FFEEE3, #CEFDDF, #DCDDC3, #AA8880, #3B3630)
• Timeworn Bronze Ridge color palette (#FAF1DE, #C4BC91, #9C7E39, #794D0A, #2C2D1F)
• Tempered Mint color palette (#FFEEE1, #DCE7B2, #9ACF79, #AC5357, #382405)
• Ancient Clover color palette (#E2E4D1, #71B454, #00918E, #502F00, #0A0800)
• Pale Olive color palette (#FBE8E2, #AD833C, #5F770A, #58081F, #060200)
• Jade Terrace color palette (#FFE1C4, #CCC580, #79AE78, #87443B, #221500)
• Aged Quarry color palette (#FAF0E6, #C18745, #787DB4, #755166, #2B2115)

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