Ancient Cocoa color palette — #F0D7DF · #AA8C3C · #9B5D00 · #842B00 · #0C0C00

A conversation between Rust and Ochre, giving this palette its sense of optimism and balance.

The five colors

• Shell Pink (#F0D7DF): A whisper-light, dusty rose — the color of a warm blush.
• Mustard (#AA8C3C): A luminous, balanced gold — the color of honey in a jar.
• Ochre (#9B5D00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Rust (#842B00): A full-bodied, balanced orange — the color of toasted spice.
• Ink (#0C0C00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Optimism, Balance, Grounding. Tagged earthy, warm.

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

• Aged Bloom color palette (#D5EEDB, #93953F, #876900, #703F00, #050F00)
• Muted Bronze Summit color palette (#F6D6E0, #B07A00, #6D4200, #351900, #020100)
• Amber Hollow color palette (#F7DCEA, #CFAA7B, #C97640, #A24F49, #2C2300)
• Tempered Bronze Thicket color palette (#C9E8CB, #C6B970, #C28800, #AF5400, #242E00)
• Timeworn Amber color palette (#DBF4EA, #C4891F, #575E00, #282B00, #000201)
• Worn Moss Ridge color palette (#D5E9E1, #98A400, #007EA7, #666E00, #000204)
• Antique Field color palette (#FFE5FB, #8375FF, #9A8600, #292200, #000201)
• Crimson Cabin color palette (#FFE6F5, #F3BB89, #E08A6A, #C95262, #453200)

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