Ancient Cocoa color palette — #F7EFF6 · #ADBB7A · #7F3E42 · #43171B · #120812

A conversation between Coffee and Sage, giving this palette its sense of nature and growth.

The five colors

• Blush (#F7EFF6): a clean, paper-quiet neutral.
• Sage (#ADBB7A): A luminous, balanced green — the color of fresh herbs.
• Coffee (#7F3E42): A full-bodied, balanced red — the color of embers at dusk.
• Espresso (#43171B): A deep, shadowed, dusty red — the color of a theater curtain.
• Ink (#120812): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, 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

• Dusty Coast color palette (#FFF0FB, #CBAA63, #773F34, #3F2339, #24191B)
• Worn Field color palette (#F2F0FE, #85C49C, #753A7B, #29223E, #0D0A17)
• Softworn Workshop color palette (#FFF2EE, #C0CD7E, #A3585E, #573A32, #2C1D19)
• Wandering Parlor color palette (#EBF5EC, #C7B17A, #704D00, #102F15, #070F08)
• Dusty Moss Terrace color palette (#F5D9E8, #A19900, #672900, #290C00, #090005)
• Faded Pine Field color palette (#F6EFF5, #E49E9C, #218C2C, #A73940, #011210)
• Antique Station color palette (#F7EFF2, #CCD5D9, #A4C2C8, #9A6840, #34282D)
• Nocturne Chestnut color palette (#DAE5DA, #6C5500, #3A2C30, #1E1100, #020100)

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