Ancient Cocoa color palette — #EFE7EA · #AABFB2 · #6C9890 · #663700 · #291A20

Bronze and Eucalyptus set the tone — five colors that lean into optimism and sophistication.

The five colors

• Rose Water (#EFE7EA): bright and airy, almost weightless.
• Stone (#AABFB2): A luminous, dusty teal — the color of sea glass.
• Eucalyptus (#6C9890): A luminous, dusty teal — the color of sea glass.
• Bronze (#663700): A deep, shadowed, balanced gold — the color of old brass.
• Onyx (#291A20): A deep, shadowed, dusty rose — the color of a warm blush.

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

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

• Worn Garnet color palette (#E3DCE3, #C4B4BB, #7B9683, #781F2E, #271A28)
• Basalt Lagoon color palette (#E2EBE3, #97B0A7, #528A8B, #483400, #0B170E)
• Chestnut Dune color palette (#E2EDE1, #B7CABC, #90ACA0, #825617, #182317)
• Weathered Fern color palette (#E6F1EF, #BDD0D3, #81A7B9, #216602, #24312F)
• Hushed Garden color palette (#FFDFDB, #917B4F, #006931, #4B294C, #3F0D23)
• Aged Bronze color palette (#F2F7F1, #D0E0E0, #ADC6CF, #916C3B, #434A43)
• Lagoon Chapel color palette (#E1F2EA, #50895D, #005049, #481A3C, #00220A)
• Misty Ember Chapel color palette (#C5E9D2, #FF5138, #977100, #006954, #171A00)

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