Cocoa Quarry color palette — #F9F4ED · #DFE0CC · #978454 · #5C4100 · #1F1B12
A conversation between Bronze and Caramel, giving this palette its sense of optimism and sophistication.
The five colors
- Ivory (#F9F4ED): a clean, paper-quiet neutral.
- Bone (#DFE0CC): A whisper-light, dusty green — the color of new leaves after rain.
- Caramel (#978454): A luminous, dusty gold — the color of honey in a jar.
- Bronze (#5C4100): A deep, shadowed, balanced gold — the color of old brass.
- Onyx (#1F1B12): quiet, heavy and certain.
Feels like: Optimism, Sophistication. Tagged luxury, dark, 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
- Aged Lagoon color palette (#F0F8EA, #F2DBC2, #488470, #054333, #0B1205)
- Chestnut Delta color palette (#F6F1E9, #D6C195, #735F2D, #34302A, #191308)
- Softworn Taupe color palette (#EFF8F1, #C7E8CD, #85A98E, #55765E, #242E26)
- Washed Lantern color palette (#EBF1E0, #E28758, #00482A, #1D292C, #000B04)
- Teal Lantern color palette (#F1F7EF, #7AC2B2, #61A293, #645E8A, #302A19)
- Ancient Taupe Studio color palette (#F9F4EE, #E0DFCD, #72BBD0, #B99259, #14221A)
- Bronze Corridor color palette (#E5DECD, #A36E00, #1F1C00, #0B0C06, #010100)
- Patina Stone Study color palette (#FFF3E6, #E4BA8E, #B8A3D3, #8B78A3, #36312B)
Browse the whole catalog at Explore, or see today's palette.