Ancient Cocoa color palette — #F1EDE7 · #D6CFC0 · #B1A683 · #624900 · #040200

Bronze and Sage set the tone — five colors that lean into optimism and sophistication.

The five colors

• Cream (#F1EDE7): a clean, paper-quiet neutral.
• Oat (#D6CFC0): A whisper-light, dusty gold — the color of old brass.
• Sage (#B1A683): A luminous, dusty green — the color of a quiet forest floor.
• Bronze (#624900): A full-bodied, balanced gold — the color of old brass.
• Ink (#040200): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Patina Basalt Basin color palette (#E7E5DB, #BCBCAE, #929578, #384100, #020100)
• Dusty Basalt color palette (#DAE7DD, #97B0A1, #638978, #463500, #05190B)
• Forest Villa color palette (#F3F7EE, #CEDED5, #B1C0AC, #00724D, #090F00)
• Bronze Coast color palette (#F0E9E1, #ADB59E, #86A481, #966700, #1C1204)
• Wandering Mustard color palette (#FEF5D6, #D3AA00, #A2A200, #4C7300, #010100)
• Tempered Olive Loft color palette (#F2E7C7, #7E7A00, #304C00, #002022, #010100)
• Ancient Fern color palette (#F1EDDB, #625E67, #4E5200, #111B18, #030700)
• Wandering Onyx color palette (#DBE9DE, #679B8B, #00716B, #003164, #08003B)

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