Ancient Cocoa color palette — #F3DFED · #D2B4C4 · #9C7E88 · #784F45 · #5F2501
A conversation between Espresso and Coffee, giving this palette its sense of optimism and sophistication.
The five colors
- Blush (#F3DFED): A whisper-light, dusty pink — the color of peonies in June.
- Rosewood Mist (#D2B4C4): A luminous, dusty pink — the color of a candy shop window.
- Heather (#9C7E88): A luminous, dusty rose — the color of strawberry cream.
- Coffee (#784F45): A full-bodied, dusty orange — the color of toasted spice.
- Espresso (#5F2501): A deep, shadowed, balanced orange — the color of toasted spice.
Feels like: Optimism, Sophistication. Tagged vintage, retro, 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
- Weathered Pewter color palette (#DEF9F0, #C3AFC2, #9A738D, #754864, #4C2F2A)
- Patina Harbor color palette (#EBDCFF, #C6A5CF, #A2658F, #823811, #4B2800)
- Timeworn Cocoa Lantern color palette (#E8DEEE, #A582A4, #7E516A, #682F00, #291600)
- Worn Courtyard color palette (#F8E0F0, #9B657C, #7B3944, #3B2700, #140F00)
- Worn Bronze color palette (#F0FAE0, #BCE6DD, #C7ADC6, #A5743D, #5A4800)
- Antique Driftwood color palette (#E2FBFF, #9CB5C6, #7A84B0, #5A6F5B, #375855)
- Washed Fern color palette (#F4F2E7, #B6B68C, #5B805A, #495E1B, #29290E)
- Basalt Quarry color palette (#F3E3E9, #694B72, #552748, #300C00, #070200)
Browse the whole catalog at Explore, or see today's palette.