Cocoa Quarry color palette — #FFEAD6 · #DBD9E6 · #AEA2A7 · #5E3800 · #312820

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

The five colors

• Cream (#FFEAD6): A whisper-light, dusty gold — the color of honey in a jar.
• Silver (#DBD9E6): a clean, paper-quiet neutral.
• Taupe (#AEA2A7): soft and architectural.
• Bronze (#5E3800): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Onyx (#312820): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged neon, dark, vibrant, muted.

Use it as a design system

One click turns 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

• Dusty Studio color palette (#D5FFFB, #FFE8E7, #D6C5C6, #58453E, #29211E)
• Tempered Driftwood Delta color palette (#FFF3E6, #E4BB8E, #A3AADE, #8B77AA, #36312B)
• Bronze Terrace color palette (#FAF4EC, #DEE0CC, #A87D3F, #603E00, #201A12)
• Washed Taupe Grove color palette (#F7F5EE, #D6DCD5, #AAB3BD, #89AB94, #504D43)
• Worn Sunflower color palette (#E7EEFF, #F5E029, #D4D2C7, #3A3831, #161309)
• Apricot Thicket color palette (#EADEFF, #96DBFF, #FFA475, #594545, #3B3137)
• Patina Mint Boulevard color palette (#F4F7E9, #91C998, #4BA9AF, #775987, #2B1F14)
• Worn Amber color palette (#F9F4ED, #DFE1CC, #64C1B5, #BA934A, #192117)

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