Ancient Cocoa color palette — #FFF2E9 · #C69E80 · #95664C · #7A4019 · #583400

Bronze and Cocoa set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF2E9): a clean, paper-quiet neutral.
• Camel (#C69E80): A luminous, dusty gold — the color of old brass.
• Walnut (#95664C): A full-bodied, dusty orange — the color of autumn markets.
• Bronze (#7A4019): A full-bodied, balanced gold — the color of old brass.
• Cocoa (#583400): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, 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

• Amber Thicket color palette (#F8E4D6, #C4865B, #8C5335, #61372A, #352F2A)
• Ancient Chestnut Courtyard color palette (#FCF5E2, #A9AB77, #7A7445, #694C00, #3F3D36)
• Patina Hollow color palette (#FFF2EA, #E7CCAB, #D1A089, #B5727A, #403D36)
• Driftwood Market color palette (#FFF0F8, #DBB0C0, #B78165, #7D5D76, #304332)
• Bronze Dune color palette (#F8DEC8, #A66400, #693600, #441900, #221200)
• Aged Moss color palette (#F4EFE0, #868F35, #5D5800, #413600, #2A2500)
• Softworn Meadow color palette (#FFF2ED, #C55B60, #7A7332, #584A77, #432D25)
• Chestnut Orchard color palette (#F4E8D6, #6C5700, #3A2800, #1A0E00, #050300)

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