Ancient Cocoa color palette — #FFF2EA · #BAA28E · #98644B · #793F2E · #593300

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

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Taupe (#BAA28E): A luminous, dusty gold — the color of old brass.
• Walnut (#98644B): A full-bodied, dusty orange — the color of autumn markets.
• Bronze (#793F2E): A full-bodied, balanced orange — the color of autumn markets.
• Cocoa (#593300): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, muted.

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

• Hushed Bloom color palette (#FDF4E2, #B1A68A, #7F7242, #654E19, #3F3D36)
• Washed Cocoa color palette (#F7E4D6, #B09071, #895533, #732900, #342F2A)
• Weathered Taupe Hollow color palette (#FFF0F8, #F2C6A9, #D69D81, #9E7C93, #4B363E)
• Cocoa Corridor color palette (#F2DECB, #926E3F, #653900, #411D00, #1F1400)
• Ancient Amber color palette (#FFF0F9, #DEAEBF, #C07C5E, #7C5D7B, #2E4333)
• Wandering Drift color palette (#EEF9EB, #00958A, #956628, #5A5500, #283824)
• Fern Hollow color palette (#EEE1C9, #665A07, #372A00, #190F00, #040400)
• Tempered Station color palette (#EBF9F1, #96B995, #005A73, #003443, #12271D)

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