Ancient Cocoa color palette — #FFF1F4 · #FFC3E2 · #DE9AB1 · #BC7D7D · #773C18

A conversation between Bronze and Ballet Pink, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Thistle (#FFC3E2): A whisper-light, dusty rose — the color of a warm blush.
• Ballet Pink (#DE9AB1): A luminous, balanced rose — the color of strawberry cream.
• Dusty Rose (#BC7D7D): A luminous, dusty red — the color of a theater curtain.
• Bronze (#773C18): A full-bodied, balanced orange — the color of autumn markets.

Feels like: Optimism, Warmth, Comfort, Balance. 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

• Blush Quarry color palette (#FFF1F1, #FCD1CC, #E797AF, #A85C6B, #6C4438)
• Softworn Mallow Terrace color palette (#FFEFFA, #D9D3FF, #CFA7E4, #AB7FA4, #694342)
• Chestnut Veranda color palette (#FFF2EE, #FFC9BD, #E9AD8A, #B38A5E, #6A4B00)
• Washed Dune color palette (#FFF2EF, #FFC2CC, #8FD6D0, #D6939F, #3C5538)
• Hushed Lantern color palette (#F0ECFF, #D69BC0, #BC6079, #874C4E, #442C3C)
• Worn Pier color palette (#F9E2ED, #FF9AB6, #FF6A5D, #CA5229, #5E3200)
• Tempered Veranda color palette (#FFF2EE, #E0DACE, #DBB1B5, #A9B4CA, #7E4221)
• Ancient Shell Loft color palette (#FFF2EE, #FFADB5, #80CEC6, #74ACC8, #533C36)

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