Cocoa Quarry color palette — #FFF2EA · #D0B290 · #A07563 · #76544C · #5A4400
A conversation between Deep Olive and Mocha, giving this palette its sense of optimism and sophistication.
The five colors
- Ivory (#FFF2EA): a clean, paper-quiet neutral.
- Sand (#D0B290): A luminous, dusty gold — the color of honey in a jar.
- Mocha (#A07563): A luminous, dusty orange — the color of autumn markets.
- Coffee (#76544C): A full-bodied, dusty orange — the color of autumn markets.
- Deep Olive (#5A4400): A deep, shadowed, balanced gold — the color of honey in a jar.
Feels like: 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
- Bronze Thicket color palette (#FFF2EB, #C3A07B, #9C614D, #6D463F, #403D36)
- Dusty Basin color palette (#FEECF5, #D3AFBF, #987889, #6C4D62, #3A252D)
- Muted Quarry color palette (#FEF1F8, #F2CEDA, #CEA9BE, #B98181, #394E3E)
- Ancient Cocoa Study color palette (#F5E6CE, #959C62, #7A5F1C, #673500, #30312A)
- Stone Delta color palette (#EFF8ED, #EFAF96, #4D6646, #2D3E28, #1F2824)
- Washed Jade Villa color palette (#F3F7E9, #49A574, #A06E7F, #7D505F, #354400)
- Dusty Garnet Station color palette (#F9D7B8, #AE8800, #864A00, #720E11, #262D00)
- Wandering Boulevard color palette (#FFE7D6, #885E00, #5B2700, #3C000D, #0D0C00)
Browse the whole catalog at Explore, or see today's palette.