Ancient Cocoa color palette — #FFF2EF · #FFC2C2 · #EAA393 · #B88067 · #704000

Bronze and Melon set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Shell Pink (#FFC2C2): A whisper-light, dusty red — the color of late-summer berries.
• Melon (#EAA393): A luminous, balanced orange — the color of sun-warmed clay.
• Caramel (#B88067): A luminous, dusty orange — the color of toasted spice.
• Bronze (#704000): A full-bodied, balanced gold — the color of afternoon light on wheat.

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

• Muted Bloom color palette (#FFF3E9, #ECD9B8, #DEAA89, #AE7B58, #512900)
• Patina Orchard color palette (#FFF1F4, #F9C8F0, #E2A4C8, #BF8094, #68443B)
• Dusty Bronze color palette (#F8F2FF, #EED6D0, #EA998B, #AA6C3D, #385339)
• Weathered Tangerine Meadow color palette (#FFE8E5, #FFA586, #F67F1A, #B06F00, #553B00)
• Muted Ember Orchard color palette (#FBEBFF, #E79F9E, #C66854, #885032, #4B2F3B)
• Antique Summit color palette (#FFF2EB, #FFC6B1, #83D4F2, #DB947B, #345545)
• Chestnut Harbor color palette (#FFF2EA, #DEDCCC, #D6AD9E, #97BCC4, #764607)
• Mustard Villa color palette (#FFEACE, #E2C37C, #BBA74B, #808635, #4E4D46)

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