Ancient Cocoa color palette — #D9F2CD · #B0D2BC · #BC9DC0 · #9F6E79 · #71390E

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

The five colors

• Honeydew (#D9F2CD): A whisper-light, dusty green — the color of new leaves after rain.
• Pistachio (#B0D2BC): A whisper-light, dusty teal — the color of shallow lagoons.
• Mauve (#BC9DC0): A luminous, dusty pink — the color of a candy shop window.
• Mocha (#9F6E79): A full-bodied, dusty red — the color of embers at dusk.
• Bronze (#71390E): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, 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

• Ancient Bronze color palette (#ABEEF0, #A9CDBB, #99AAD3, #B47057, #633700)
• Antique Driftwood Lantern color palette (#C8F1CD, #9AD5C9, #76AEBC, #9D7798, #60343F)
• Aged Atelier color palette (#E7E6D8, #A2BE9C, #7095B5, #805F3C, #5E3800)
• Worn Chestnut Orchard color palette (#E5FBF2, #EDD4E6, #D7B5C1, #A49486, #6C4D00)
• Muted Cocoa Study color palette (#CCE3EA, #6F97BC, #6F739F, #794331, #2E1B00)
• Timeworn Driftwood Bloom color palette (#D4E6FF, #C9C7F6, #C19AC1, #A78953, #444B20)
• Dusty Bronze color palette (#DEE4F5, #BFAEE0, #B1888C, #85703D, #334219)
• Wandering Iris color palette (#CAE2FA, #7781C4, #7A558F, #62411A, #110E00)

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