Ancient Cocoa Coast color palette — #FFF2EE · #E2DAC7 · #B5D19E · #9D718B · #773D17

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

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Bone (#E2DAC7): A whisper-light, dusty gold — the color of honey in a jar.
• Pistachio (#B5D19E): A whisper-light, dusty green — the color of fresh herbs.
• Heather (#9D718B): A luminous, dusty pink — the color of neon signs at night.
• Bronze (#773D17): A full-bodied, balanced gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, muted.

Use it as a design system

One click turns Ancient Cocoa Coast 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 Oat Quarry color palette (#FFF1F1, #E4D6CF, #E9C293, #897195, #5A423F)
• Chestnut Bloom color palette (#FFF2E9, #C5E3CD, #9BC5B7, #AE8779, #734701)
• Mint Alley color palette (#FFF3E5, #DFE794, #73D293, #B16043, #504417)
• Wandering Cocoa color palette (#FEF4E3, #ABAB75, #876F37, #754407, #433F00)
• Jade Pier color palette (#FFEFD5, #BBD17E, #4CB489, #7D462B, #37352E)
• Moss Drift color palette (#FFEFE7, #FFB859, #89AE26, #9A3E5C, #522D06)
• Timeworn Blush Thicket color palette (#FFF0FC, #FCDCA4, #E7D5D5, #E199B0, #5E4555)
• Pale Lime Coast color palette (#E7E4AA, #82C263, #00A090, #6B4800, #1B2803)

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