Ancient Cocoa color palette — #F6EDE6 · #BAB1A8 · #998B74 · #6D2E00 · #150701

Rust and Caramel set the tone — five colors that lean into optimism and sophistication.

The five colors

• Cream (#F6EDE6): a clean, paper-quiet neutral.
• Ash (#BAB1A8): soft and architectural.
• Caramel (#998B74): A luminous, dusty gold — the color of afternoon light on wheat.
• Rust (#6D2E00): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#150701): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Hushed Garnet color palette (#F1E7E6, #BDB0AB, #A28777, #7E003F, #190403)
• Bronze Field color palette (#ECE5DE, #A69F92, #8E7B32, #4D2F00, #080300)
• Hushed Grove color palette (#F0E4EB, #AEBEAF, #75978A, #752700, #271B23)
• Chestnut Study color palette (#F7F1E7, #DAD3C2, #B1AD8E, #765500, #251700)
• Bronze Summit color palette (#F6F1EC, #D8D8CF, #BABFAF, #9A683D, #312B25)
• Washed Forest Field color palette (#F5ECD5, #718046, #195200, #510B04, #060900)
• Antique Ember Balcony color palette (#EEE3D6, #F36448, #BA7000, #5E6500, #070400)
• Muted Chestnut Terrace color palette (#F0E8DC, #984E00, #473B00, #00222E, #0A0400)

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