Ancient Cocoa color palette — #FFF2EF · #E0DCCD · #AADBAF · #B288BA · #723617

Bronze and Dusty Rose set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Bone (#E0DCCD): A whisper-light, dusty green — the color of fresh herbs.
• Pistachio (#AADBAF): A whisper-light, dusty green — the color of a quiet forest floor.
• Dusty Rose (#B288BA): A luminous, balanced pink — the color of a candy shop window.
• Bronze (#723617): A full-bodied, balanced orange — the color of toasted spice.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication, Softness. 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

• Aged Chapel color palette (#FFF3E8, #DCE5C5, #93DDE2, #C48088, #644000)
• Lichen Balcony color palette (#FBF1FF, #F8FAC0, #D7DBCE, #C0A6CE, #4C3947)
• Driftwood Basin color palette (#FFF0FE, #E8D8D8, #E3C28E, #A46A7D, #574352)
• Quiet Rose color palette (#FFF3E7, #F1F3B1, #6FE5BD, #E25253, #4B4203)
• Muted Chestnut Delta color palette (#FDF4E6, #C8BE99, #A78B56, #91593D, #3F4100)
• Bronze Lagoon color palette (#FFF2E9, #CBC793, #9F6039, #623518, #2B1F15)
• Aged Terracotta color palette (#E9E1CF, #A6D1B0, #24B1B9, #A14800, #232D00)
• Hushed Glacier color palette (#DAE4FF, #4FDFFD, #FF9EA7, #62383C, #302420)

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