Ancient Cocoa color palette — #FFF1F4 · #FBD1D7 · #E4A1BD · #A96D75 · #733915

Bronze takes the lead with Ballet Pink close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Shell Pink (#FBD1D7): A whisper-light, dusty red — the color of late-summer berries.
• Ballet Pink (#E4A1BD): A luminous, balanced rose — the color of strawberry cream.
• Mocha (#A96D75): A luminous, dusty red — the color of a theater curtain.
• Bronze (#733915): A full-bodied, balanced orange — the color of toasted spice.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged light, muted, warm.

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

• Ancient Meadow color palette (#FFF0FB, #E7D4EE, #C8A8E3, #9B6F98, #5F3D3D)
• Weathered Apricot Harbor color palette (#FFF2EF, #F1D5C2, #E19C80, #9A6E41, #504B45)
• Dusty Studio color palette (#FFF1F4, #FFACAE, #CE6430, #894500, #473000)
• Stone Orchard color palette (#FFF2EE, #E4D8D3, #E29EA3, #8C555B, #492120)
• Rust Coast color palette (#FFE4EE, #F67B95, #C74027, #6D2F00, #2B1600)
• Softworn Seafoam color palette (#FFF2EE, #F4D4C6, #9ADDB8, #C8848A, #454740)
• Antique Alley color palette (#FFE9E1, #D5DAEC, #ADA4AF, #6F370B, #2F2925)
• Bronze Study color palette (#F8E2DC, #BD6000, #764900, #2D2500, #020200)

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