Cocoa Quarry color palette — #FFF2EA · #F0D5B1 · #D8AA93 · #A88A82 · #584500

A conversation between Deep Olive and Rosewood Mist, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Wheat (#F0D5B1): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Rosewood Mist (#D8AA93): A luminous, dusty orange — the color of autumn markets.
• Caramel (#A88A82): A luminous, dusty orange — the color of sun-warmed clay.
• Deep Olive (#584500): A deep, shadowed, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, light, 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

• Washed Bronze Chapel color palette (#FFF3E9, #E1DBC2, #C8A78C, #A56A41, #593600)
• Washed Oat color palette (#FFF0F7, #E7C39F, #B58FA1, #876A7F, #3D4C3F)
• Wandering Station color palette (#FFF1F0, #FFD3BB, #CDB77A, #809562, #00543F)
• Timeworn Shell color palette (#FFF2ED, #FFA7A5, #85C0D9, #7AA590, #652810)
• Softworn Straw Atelier color palette (#FDF2F0, #DAE6A3, #BF9289, #83655F, #322927)
• Dusty Mint Harbor color palette (#FEF2EF, #FFD0D2, #81CA9E, #DC9599, #2C2F25)
• Wandering Lantern color palette (#FCEDF4, #ACC3AA, #9B7689, #764B47, #1D3125)
• Marigold Workshop color palette (#FFEBD4, #D8C976, #D89335, #AD6C5A, #36362F)

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