Cocoa Quarry color palette — #FFEBD1 · #A2A166 · #8A6000 · #7A2F00 · #253D19
Built around Rust, softened by Ochre — the whole palette hums with nature and growth.
The five colors
- Cream (#FFEBD1): A whisper-light, dusty gold — the color of honey in a jar.
- Moss (#A2A166): A luminous, dusty green — the color of fresh herbs.
- Ochre (#8A6000): A full-bodied, balanced gold — the color of old brass.
- Rust (#7A2F00): A full-bodied, balanced orange — the color of sun-warmed clay.
- Forest (#253D19): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged earthy, warm.
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 Garnet Delta color palette (#FFEADC, #C09453, #9C522C, #7B2838, #38352E)
- Tempered Ridge color palette (#FAD8AC, #99903B, #7B5100, #692000, #1A3000)
- Weathered Bloom color palette (#DBF0DD, #AFA063, #8B6300, #643700, #1D1E00)
- Tempered Garden color palette (#FCF4E8, #C1B896, #9F7938, #854E1F, #484C00)
- Linen Cocoa Chapel color palette (#F5E4DA, #9A6B2E, #772800, #50001E, #1B1600)
- Dusty Marigold Lagoon color palette (#E3F4E3, #D1CC76, #D39727, #B26A4D, #263D17)
- Chalky Mulberry Boulevard color palette (#E2FDEA, #008596, #943F91, #6E3C00, #003239)
- Charred Fern color palette (#F0E4CB, #4E6219, #352B00, #1D0C00, #000501)
Browse the whole catalog at Explore, or see today's palette.