Ancient Cocoa color palette — #FEF3E8 · #DDDDCA · #D9B89D · #97B7BE · #6B4600

Built around Bronze, softened by Sand — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FEF3E8): bright and airy, almost weightless.
• Bone (#DDDDCA): A whisper-light, dusty green — the color of fresh herbs.
• Sand (#D9B89D): A luminous, dusty gold — the color of afternoon light on wheat.
• Ash (#97B7BE): A luminous, dusty blue — the color of open sky before noon.
• Bronze (#6B4600): A full-bodied, balanced gold — the color of old brass.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, 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

• Bronze Workshop color palette (#FFF3E8, #E1DCC1, #CAA688, #A56A40, #593700)
• Worn Moss color palette (#F1E8DB, #C8B67F, #959944, #6D4000, #020100)
• Patina Corridor color palette (#F8F5ED, #C7DFCB, #928654, #5A4200, #1E1B13)
• Dusty Delta color palette (#FAF5E5, #C8C97D, #7EBCB7, #A3746F, #34322B)
• Timeworn Sand color palette (#EDF9EC, #C2EAE2, #E5DFA7, #A68091, #425143)
• Aged Stone color palette (#FDF3EA, #E8B988, #A189BE, #875871, #35251D)
• Misty Atelier color palette (#FFF5D6, #D1F2BC, #84E8D8, #CD912E, #3F3603)
• Fern Lantern color palette (#F0F8CE, #91E2B3, #37B89C, #3A6900, #000B02)

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