Ancient Cocoa color palette — #E1FFDD · #B1D7C0 · #7FA0CE · #8D5961 · #662F01

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

The five colors

• Honeydew (#E1FFDD): A whisper-light, dusty green — the color of fresh herbs.
• Pistachio (#B1D7C0): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#7FA0CE): A luminous, dusty blue — the color of deep harbor water.
• Pewter (#8D5961): A full-bodied, dusty red — the color of late-summer berries.
• Bronze (#662F01): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Trust, Stability, 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

• Softworn Bronze color palette (#DDEEE2, #92D2D9, #8EA1CC, #A76F40, #663500)
• Ancient Pewter Quarry color palette (#F6F9D3, #CEE5BD, #66A3AA, #7A5F84, #513735)
• Bronze Studio color palette (#DAFFEF, #E5C0E0, #A899C8, #996432, #403D36)
• Timeworn Azure color palette (#CFE3EA, #5798D8, #5E5A99, #5B2107, #100700)
• Weathered Hollow color palette (#C7E9FC, #84A5C2, #657E9F, #67496C, #58344A)
• Tempered Loft color palette (#EAF8FF, #9CC3FF, #9D83E1, #7F4C29, #3F2D00)
• Antique Chestnut Harbor color palette (#DFFDF3, #F0DCD5, #D0B2BB, #9B8A79, #695000)
• Worn Pier color palette (#FAF4EC, #C0E4F5, #5AACF4, #007D8A, #3D243C)

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