Ancient Cocoa color palette — #FFEAD3 · #DDE1F3 · #BAAFB4 · #5D3900 · #2B2723

A conversation between Bronze and Cream, giving this palette its sense of optimism and sophistication.

The five colors

• Cream (#FFEAD3): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Frost (#DDE1F3): A whisper-light, dusty violet — the color of a velvet chair.
• Ash (#BAAFB4): a calm mid-gray that lets other colors speak.
• Bronze (#5D3900): A deep, shadowed, balanced gold — the color of honey in a jar.
• Onyx (#2B2723): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged neon, dark, vibrant, 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

• Hushed Basalt color palette (#ECF7FF, #FFECC6, #E0DAE4, #553A00, #2E2A24)
• Ancient Celadon color palette (#F4F4FF, #E1FF65, #E2D7E0, #4B4100, #27251C)
• Ancient Cocoa color palette (#F9F4EE, #C9DECB, #9E8051, #603E00, #201A13)
• Aged Ridge color palette (#FCF4EB, #EBB97E, #62BBE0, #9A71A1, #36312B)
• Tempered Garden color palette (#F7F5EF, #D6DDD5, #AAB4BF, #B0B285, #504D44)
• Aged Sand color palette (#FFEBFF, #C2E7FF, #FFC37A, #402600, #120A03)
• Aged Mallow Study color palette (#F3D7E7, #6FDCFF, #FD94C7, #392F40, #1F1A22)
• Muted Marigold Courtyard color palette (#DFE2FF, #5FEBDC, #F6AD48, #395049, #313731)

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