Cocoa Quarry color palette — #CEE8D1 · #80AD98 · #607099 · #733A3C · #411E02
A conversation between Cocoa and Slate, giving this palette its sense of optimism and sophistication.
The five colors
- Celadon Mist (#CEE8D1): A whisper-light, dusty green — the color of fresh herbs.
- Sage (#80AD98): A luminous, dusty teal — the color of shallow lagoons.
- Slate (#607099): A full-bodied, dusty violet — the color of a velvet chair.
- Cocoa (#733A3C): A full-bodied, balanced red — the color of embers at dusk.
- Espresso (#411E02): A deep, shadowed, dusty gold — the color of honey in a jar.
Feels like: Optimism, Sophistication. Tagged vintage, retro, 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
- Worn Cocoa Studio color palette (#D4F0E4, #B59AB2, #7F7098, #6B462C, #392B11)
- Patina Basalt Courtyard color palette (#E4EDCE, #95AC8A, #61866F, #5F355D, #431D25)
- Dusty Veranda color palette (#DAF4E0, #5983A2, #49507D, #4E170B, #1A0C00)
- Worn Ash color palette (#C3ECFB, #91C3DA, #8294BC, #725B70, #5A404C)
- Chalky Violet color palette (#E0F0FF, #8190D1, #8855A0, #5C3400, #242000)
- Softworn Ash Parlor color palette (#F8F9CF, #BDD6BC, #83A2CA, #736B3D, #3C3932)
- Patina Fern color palette (#F6F1E6, #9CA57A, #506F41, #03543E, #221C00)
- Hazy Chestnut Chapel color palette (#FBD2EF, #B8A3D4, #9D6185, #675700, #243809)
Browse the whole catalog at Explore, or see today's palette.