Cocoa Quarry color palette — #FDF6D2 · #CFD7B9 · #9FC3AB · #B9888A · #753F0F
Bronze takes the lead with Dusty Rose close behind in a set that reads as nature and growth at first glance.
The five colors
- Custard (#FDF6D2): A whisper-light, dusty green — the color of new leaves after rain.
- Oat (#CFD7B9): A whisper-light, dusty green — the color of new leaves after rain.
- Stone (#9FC3AB): A luminous, dusty teal — the color of sea glass.
- Dusty Rose (#B9888A): A luminous, dusty red — the color of embers at dusk.
- Bronze (#753F0F): A full-bodied, balanced gold — the color of old brass.
Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged vintage, retro, muted, light.
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
- Bone Loft color palette (#EBFBE2, #B7E7D7, #A1BFA9, #95768C, #5A444F)
- Timeworn Amber color palette (#C9FED3, #B6D2B2, #7EB7E2, #CB724E, #584B00)
- Basalt Parlor color palette (#F8F5EA, #D6D8B4, #7DBC9E, #94945E, #454600)
- Antique Scarlet color palette (#E3E7C4, #8ED0A5, #00B0CA, #CA4651, #553200)
- Chalky Teal color palette (#ECFAE9, #8BDDD7, #FFA18B, #00B6AE, #682F22)
- Bronze Loft color palette (#DDEDE5, #A0C1A8, #7E9ECD, #946334, #384202)
- Weathered Station color palette (#CEFEF0, #92CCB9, #638BA1, #675869, #3E2D40)
- Cerulean Market color palette (#E2EECC, #5AA68E, #0086A5, #7B3E2F, #301000)
Browse the whole catalog at Explore, or see today's palette.