Ancient Cocoa color palette — #EBF2FE · #7994CB · #4D679C · #70350C · #031D25

Bronze and Slate set the tone — five colors that lean into optimism and creativity.

The five colors

• Ivory (#EBF2FE): a clean, paper-quiet neutral.
• Blue Fog (#7994CB): A luminous, balanced violet — the color of wild irises.
• Slate (#4D679C): A full-bodied, balanced violet — the color of wild irises.
• Bronze (#70350C): A full-bodied, balanced orange — the color of sun-warmed clay.
• Ink (#031D25): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Optimism, Creativity, Sophistication. Tagged jewel, 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

• Cocoa Drift color palette (#EAF4F6, #499F94, #286C95, #7E312C, #091E21)
• Tempered Pewter Drift color palette (#ECF3FA, #6F99BC, #915583, #4F5400, #0F1C28)
• Hushed Fern color palette (#E6F7EC, #72BBB3, #5F78AA, #625100, #14303C)
• Timeworn Garnet Garden color palette (#F1F0FD, #B08DBC, #886389, #7C2C46, #002F2C)
• Weathered Cobalt Dune color palette (#E5EFF8, #4F87BB, #373A4B, #131F2B, #070E11)
• Feathered Aubergine color palette (#EAF3FF, #3270DF, #6919AE, #493A00, #000C1A)
• Hushed Mulberry Bloom color palette (#E9F8FE, #319DAB, #914568, #6D3F04, #223937)
• Frosted Violet color palette (#EFF1FF, #7E58B2, #613D8B, #453400, #00081D)

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