Ancient Cocoa Villa color palette — #FFF2EA · #DFB88B · #7C5241 · #592A00 · #29241A

Espresso and Sand set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Sand (#DFB88B): A luminous, dusty gold — the color of honey in a jar.
• Coffee (#7C5241): A full-bodied, dusty orange — the color of sun-warmed clay.
• Espresso (#592A00): A deep, shadowed, balanced gold — the color of old brass.
• Onyx (#29241A): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Ancient Cocoa Villa 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 Apricot color palette (#FBF4ED, #F3B07A, #927A38, #8E623F, #312D27)
• Ancient Stone Workshop color palette (#F9F5EA, #C5AC68, #5C5213, #302E27, #191D0E)
• Bronze Studio color palette (#FCF3F0, #E6DFB9, #BD9383, #9A593E, #362722)
• Hushed Dune color palette (#FBF2F8, #B8DCBF, #9F7063, #5A4654, #31282E)
• Lowlit Chestnut Workshop color palette (#F8E6D8, #805400, #1F2C2A, #240D00, #060100)
• Ancient Taupe color palette (#FFF4E0, #C0A55E, #797C42, #4A6141, #5B4400)
• Amber Corridor color palette (#E9DCCC, #B58200, #4C2E00, #221200, #070500)
• Amber Terrace color palette (#FDF3EB, #C3703A, #5B6F39, #6B4566, #44322C)

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