Cocoa Quarry color palette — #FCF0DF · #B1AF77 · #867248 · #6F3E00 · #252412

Built around Bronze, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Cream (#FCF0DF): A whisper-light, dusty gold — the color of old brass.
• Sage (#B1AF77): A luminous, dusty green — the color of fresh herbs.
• Walnut (#867248): A full-bodied, dusty gold — the color of honey in a jar.
• Bronze (#6F3E00): A full-bodied, balanced gold — the color of honey in a jar.
• Onyx (#252412): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Wandering Chestnut Lantern color palette (#FCEFE7, #D4B593, #A27863, #83442B, #322B1E)
• Taupe Coast color palette (#EADFCA, #989F57, #766322, #563611, #191904)
• Muted Boulevard color palette (#EBFAED, #A8AB7F, #886E3B, #6E4732, #1F4540)
• Lagoon Pier color palette (#E5F8E7, #00999F, #A16345, #74442D, #0F1E11)
• Dusty Canyon color palette (#E7FBEC, #9DCAB2, #A38D59, #845B69, #26443A)
• Olive Dune color palette (#F5EDD7, #627C2E, #4B4500, #311F00, #050600)
• Muted Workshop color palette (#E6F7EC, #EC9D73, #005F72, #0B2F1D, #060F09)
• Hazy Aqua Atelier color palette (#EBF5ED, #00CADB, #7767B4, #00727C, #170911)

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