Ancient Cocoa Quarry color palette — #FFEEE4 · #DDD9C4 · #B7BBC6 · #A8887E · #5C3000

A conversation between Cocoa and Caramel, giving this palette its sense of optimism and sophistication.

The five colors

• Cream (#FFEEE4): A whisper-light, dusty gold — the color of honey in a jar.
• Bone (#DDD9C4): A whisper-light, dusty green — the color of new leaves after rain.
• Ash (#B7BBC6): a calm mid-gray that lets other colors speak.
• Caramel (#A8887E): A luminous, dusty orange — the color of sun-warmed clay.
• Cocoa (#5C3000): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

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

Use it as a design system

One click turns Ancient Cocoa Quarry 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 Bronze color palette (#FBF0E3, #BAE7C9, #9FC4B2, #B0754A, #403B35)
• Aged Chestnut color palette (#F8F1E1, #B8C192, #8B8456, #755002, #2D2D1E)
• Patina Villa color palette (#FFF0F8, #C4E8C7, #E5D6D5, #BE9FB5, #5C4A52)
• Patina Mustard color palette (#FFEFDF, #DDE5AC, #B4C165, #A76552, #342101)
• Hushed Emerald Alley color palette (#EDE8D2, #A4BA6D, #3DA55D, #623C00, #121100)
• Muted Lantern color palette (#FEE8DA, #BD8000, #746F00, #59170F, #060200)
• Patina Amber Workshop color palette (#FAF0E2, #BA8C2B, #468CAA, #5D5882, #2A2113)
• Hushed Workshop color palette (#DEE0F2, #00EBD1, #FDA531, #332E28, #1B1712)

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