Ancient Cocoa color palette — #FFF2EF · #F6D3C5 · #DF9796 · #9F6761 · #7A3F1B

A conversation between Bronze and Rosewood Mist, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Bone (#F6D3C5): A whisper-light, dusty orange — the color of sun-warmed clay.
• Rosewood Mist (#DF9796): A luminous, balanced orange — the color of toasted spice.
• Mocha (#9F6761): A full-bodied, dusty orange — the color of toasted spice.
• Bronze (#7A3F1B): A full-bodied, balanced orange — the color of sun-warmed clay.

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

• Mallow Garden color palette (#FFF1F4, #F8D4E0, #D69FCA, #966584, #684443)
• Softworn Apricot Hollow color palette (#FFF2EB, #E7D8C5, #D89D7A, #A97853, #504B45)
• Antique Chestnut color palette (#FFF2EB, #E1D9CF, #DFA58F, #915B44, #44240F)
• Tempered Coral Market color palette (#F1E6FF, #DE9AAE, #CD696C, #824730, #442936)
• Muted Rust color palette (#FFE8E0, #FB8E5D, #C45E00, #6F3C00, #321A00)
• Faded Meadow color palette (#FFF2EF, #FFB19E, #F56317, #994600, #4B2400)
• Dusty Amber Balcony color palette (#FFEADA, #CB7B00, #7F5200, #4D3500, #0C0700)
• Cocoa Workshop color palette (#FFF2EC, #FEB8A6, #C4BD87, #BA93B7, #5C2600)

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