Ancient Cocoa color palette — #FBF2F7 · #CD8569 · #7D5500 · #872E00 · #0D1D0E

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

The five colors

• Ivory (#FBF2F7): bright and airy, almost weightless.
• Coral Clay (#CD8569): A luminous, balanced orange — the color of sun-warmed clay.
• Coffee (#7D5500): A full-bodied, balanced gold — the color of honey in a jar.
• Rust (#872E00): A full-bodied, balanced orange — the color of toasted spice.
• Ink (#0D1D0E): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Optimism, Balance. Tagged duotone.

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

• Chalky Garnet Workshop color palette (#FCF1FA, #CA847F, #8E4800, #98001B, #280E1B)
• Ancient Fern color palette (#EEF8EE, #B99255, #596500, #6B4800, #041D16)
• Feathered Mulberry color palette (#F6EFF6, #DF8184, #4A7300, #9E102E, #000906)
• Bronze Corridor color palette (#FFEBD9, #BE9451, #856400, #514400, #333200)
• Worn Fern color palette (#DDF6E6, #A2803F, #645C00, #004C3E, #00342F)
• Worn Canyon color palette (#FDF2EF, #F89395, #818800, #BB424B, #1D1806)
• Chestnut Boulevard color palette (#FBF2F6, #E1D6D5, #A7B9A8, #91511B, #47343D)
• Worn Bronze Dune color palette (#E9F4E9, #8B5F00, #1D411F, #362200, #020200)

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