Ancient Cocoa color palette — #F2F5FF · #EACAFF · #E5A4BF · #B77E79 · #6C3C13

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

The five colors

• Ivory (#F2F5FF): bright and airy, almost weightless.
• Thistle (#EACAFF): A whisper-light, dusty violet — the color of a velvet chair.
• Ballet Pink (#E5A4BF): A luminous, balanced rose — the color of strawberry cream.
• Caramel (#B77E79): A luminous, dusty orange — the color of toasted spice.
• Bronze (#6C3C13): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Creativity, 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

• Softworn Cocoa color palette (#FAF1FF, #F1BEE9, #CC8CA8, #9A636E, #6C2F28)
• Ancient Stone color palette (#FFF1F3, #FFCCDD, #E9A48E, #A68458, #514C00)
• Garnet Boulevard color palette (#DAFFEE, #C5DAFF, #BEAFE7, #AC7D9D, #703442)
• Tempered Petal color palette (#F1F9E3, #D1C8FF, #D59DA6, #61988E, #564146)
• Mallow Parlor color palette (#FFEDED, #EC97CA, #A96949, #5E5151, #271F22)
• Ancient Mulberry color palette (#EEF1FF, #BCB8DE, #A87091, #8F3345, #501200)
• Feathered Market color palette (#ECD9F0, #FFA3C8, #E8755D, #A46715, #363100)
• Hushed Mallow Alley color palette (#FFF1F4, #E6AEFE, #9BB37E, #609381, #39482B)

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