Cocoa Quarry color palette — #E5F7ED · #0083A6 · #863A00 · #533200 · #212C07

Bronze and Cerulean set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#E5F7ED): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#0083A6): A full-bodied, balanced blue — the color of deep harbor water.
• Bronze (#863A00): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#533200): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Deep Forest (#212C07): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged warm.

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

• Powdered Cobalt Corridor color palette (#E6FBF3, #0092D3, #934F10, #534800, #25390E)
• Frosted Cocoa Orchard color palette (#CDF2E4, #0076AC, #812B00, #003F0E, #00251E)
• Feathered Mulberry Coast color palette (#EAF6E7, #008A7F, #8B2B50, #622400, #352100)
• Moonless Field color palette (#CDE9DA, #00617C, #5D2100, #281E00, #0A0E00)
• Hushed Chestnut Terrace color palette (#ADEDEE, #84AFE5, #917092, #6B5200, #3A4500)
• Tempered Cypress color palette (#FAF5E6, #7CA977, #007461, #275546, #35362F)
• Gentle Violet color palette (#FDEBFE, #5A98E1, #825CB0, #7C3155, #003237)
• Ancient Cobalt color palette (#FEF3EC, #88D1EA, #457CB1, #00624F, #4F2E45)

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