Cocoa Quarry color palette — #FEF3EB · #D49C85 · #5FABA3 · #577CAF · #602D00

A conversation between Cocoa and Slate, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FEF3EB): bright and airy, almost weightless.
• Camel (#D49C85): A luminous, dusty orange — the color of autumn markets.
• Turquoise (#5FABA3): A luminous, dusty teal — the color of glacier melt.
• Slate (#577CAF): A full-bodied, balanced blue — the color of deep harbor water.
• Cocoa (#602D00): A deep, shadowed, balanced gold — the color of old brass.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged 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

• Cobalt Boulevard color palette (#FCF4E9, #CAA46F, #6CA5B9, #776FB6, #413C36)
• Timeworn Lagoon Basin color palette (#FFF2F0, #D098AD, #75AA81, #198A91, #4F3633)
• Worn Station color palette (#FFF0F9, #FFAC89, #6DBFB9, #6585A7, #3B2D35)
• Aged Petrol color palette (#FEF4E3, #D5B98F, #8D995F, #44739E, #4B4740)
• Soft Orchard color palette (#FFF3E7, #D48005, #0096B1, #534ECE, #412300)
• Tempered Coral color palette (#FFF2EE, #C87381, #6080B2, #425F8E, #4A3834)
• Hushed Coast color palette (#FAF4F0, #EDC9AE, #8FA660, #C37649, #2F2E27)
• Muted Olive Delta color palette (#FFF3E7, #DFC8A3, #ADA25E, #6B7B1D, #215113)

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