Cocoa Quarry color palette — #F5EBF0 · #BFD8C1 · #86B19E · #7A3800 · #070104
Bronze and Sage set the tone — five colors that lean into optimism and sophistication.
The five colors
- Blush (#F5EBF0): a clean, paper-quiet neutral.
- Oat (#BFD8C1): A whisper-light, dusty green — the color of a quiet forest floor.
- Sage (#86B19E): A luminous, dusty teal — the color of sea glass.
- Bronze (#7A3800): A full-bodied, balanced gold — the color of old brass.
- Ink (#070104): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Optimism, Sophistication. Tagged scandi, 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
- Muted Bronze color palette (#EADED5, #A79F90, #867E35, #592400, #0A0300)
- Worn Basalt Orchard color palette (#DEEBE0, #A7C2B7, #779A95, #4D3800, #000200)
- Mulberry Garden color palette (#F2EBF4, #DCC9D7, #C398A9, #832446, #050106)
- Weathered Bronze Station color palette (#F6E7EF, #A4BCB7, #7CA5AA, #AF541A, #1D0F17)
- Fern Garden color palette (#EBF9F5, #C5DFEA, #9AC3CB, #496C06, #00100C)
- Ancient Alley color palette (#C8EBD8, #6D9F42, #005D39, #4F0E27, #000201)
- Antique Grove color palette (#FAEADF, #9A8F49, #487342, #322650, #0D0025)
- Aged Rust color palette (#F1E1C4, #B85600, #474600, #0B005D, #020100)
Browse the whole catalog at Explore, or see today's palette.