Antique Cocoa color palette — #F7EFF7 · #AEBA83 · #7B4145 · #331F34 · #120912

Coffee and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#F7EFF7): bright and airy, almost weightless.
• Sage (#AEBA83): A luminous, dusty green — the color of a quiet forest floor.
• Coffee (#7B4145): A full-bodied, balanced red — the color of late-summer berries.
• Onyx (#331F34): A deep, shadowed, dusty pink — the color of neon signs at night.
• Ink (#120912): 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 Antique 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

• Washed Field color palette (#FBF2F8, #94B99C, #764037, #4D1D15, #2B1C28)
• Antique Pewter Delta color palette (#FFF2ED, #BCCC99, #9B5E5F, #643133, #2E1D17)
• Dusty Chestnut color palette (#EAF6EA, #C9B175, #704E0E, #162E18, #041005)
• Worn Courtyard color palette (#F7EFF5, #DFA19C, #5B8330, #A33E3C, #00120E)
• Moss Alley color palette (#FAE2F0, #A39800, #692600, #2A0A00, #090005)
• Inked Chestnut color palette (#D6E6D5, #6B5500, #3A2C30, #1F1000, #020100)
• Tempered Moss color palette (#E7F6F0, #7B8C40, #5A6920, #004860, #230D1A)
• Hushed Coast color palette (#FFECF2, #D38660, #60742D, #404071, #132815)

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