Cocoa Quarry color palette — #C8F4DD · #A6CEF5 · #A6A4D9 · #A57F6B · #593A00

Cocoa and Mauve set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#C8F4DD): A whisper-light, dusty teal — the color of shallow lagoons.
• Sky (#A6CEF5): A whisper-light, dusty blue — the color of open sky before noon.
• Mauve (#A6A4D9): A luminous, dusty violet — the color of wild irises.
• Caramel (#A57F6B): A luminous, dusty orange — the color of autumn markets.
• Cocoa (#593A00): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Trust, Stability, Optimism, Creativity, 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

• Antique Cocoa color palette (#DFECD6, #B3CFB5, #78AACA, #9E7183, #6B300F)
• Washed Lagoon color palette (#DFFDF2, #F1CAE5, #DAACBB, #A4856A, #624900)
• Muted Boulevard color palette (#DBFDFF, #B5DEFB, #9BA3C5, #597462, #244631)
• Basalt Atelier color palette (#DCE9C4, #A7C5AC, #A2809B, #646B3B, #4E4100)
• Fuchsia Dune color palette (#E7EEFF, #C5ABFF, #D378CB, #9F7910, #383F00)
• Wandering Periwinkle color palette (#CDE5F2, #81A2E5, #8779B6, #7E5235, #342600)
• Worn Veranda color palette (#FFE4F0, #E6BAEA, #D593A7, #818C61, #285138)
• Tempered Pewter color palette (#CEE2F6, #97ACCB, #70739E, #564B63, #35243A)

Browse the whole catalog at Explore, or see today's palette.