Ancient Cocoa color palette — #F9EEF5 · #CDB3BB · #A47666 · #784853 · #203027

Coffee and Mocha set the tone — five colors that lean into sophistication and grounding.

The five colors

• Blush (#F9EEF5): a clean, paper-quiet neutral.
• Rosewood Mist (#CDB3BB): A luminous, dusty rose — the color of a warm blush.
• Mocha (#A47666): A luminous, dusty orange — the color of autumn markets.
• Coffee (#784853): A full-bodied, dusty red — the color of late-summer berries.
• Deep Forest (#203027): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Sophistication, Grounding. Tagged earthy, warm, 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

• Softworn Balcony color palette (#ECF5ED, #A4C3B7, #6B8C72, #704B5E, #16322E)
• Antique Pier color palette (#ECF2FF, #CDB0DA, #B07489, #883129, #452400)
• Tempered Driftwood Atelier color palette (#FCF2F8, #CFADBC, #A67260, #6D546B, #544248)
• Cocoa Workshop color palette (#E8F6EE, #90B4AC, #7C773F, #684310, #00292A)
• Softworn Cocoa color palette (#FFF2EB, #DDC6AF, #C88A78, #8C6B65, #5C4300)
• Timeworn Garnet Bloom color palette (#FDE0EB, #B19E6D, #9D5702, #7A1B1A, #1A1F00)
• Patina Indigo Courtyard color palette (#EFF2F8, #BDBFEB, #AC7546, #6966B5, #210F17)
• Petrol Balcony color palette (#EEF2FA, #A2CEC2, #546082, #27304B, #0F1320)

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