Ancient Cocoa color palette — #FFEFEE · #F7B5C7 · #D08692 · #9C6063 · #7B3C23

A conversation between Bronze and Dusty Rose, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FFEFEE): bright and airy, almost weightless.
• Carnation (#F7B5C7): A whisper-light, dusty red — the color of embers at dusk.
• Dusty Rose (#D08692): A luminous, balanced red — the color of embers at dusk.
• Mocha (#9C6063): A full-bodied, dusty red — the color of embers at dusk.
• Bronze (#7B3C23): A full-bodied, balanced orange — the color of toasted spice.

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

• Weathered Taupe Villa color palette (#FFF2ED, #F6B2A4, #CB8971, #A16B52, #554E49)
• Timeworn Ash color palette (#FFF1F5, #D8B9EB, #B78BC1, #8E668B, #6E474B)
• Driftwood Quarry color palette (#FFF2EE, #F6AEB4, #A1ADEA, #BD757B, #5E4356)
• Antique Cocoa color palette (#FFF2ED, #DE9F98, #B6A36C, #A485AC, #6A2E12)
• Frosted Rust color palette (#F2DEDB, #EE6D55, #C6490E, #8A3800, #421E00)
• Cocoa Market color palette (#FFF2EC, #DFD9CD, #9EB6CE, #CC9E92, #763B18)
• Feathered Ember Villa color palette (#FCD4D4, #FF8E8B, #F14C39, #B32F00, #652600)
• Misty Amber Thicket color palette (#FFE5CF, #E8B275, #BE882F, #886511, #554515)

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