Cocoa Quarry color palette — #FFF2ED · #E0D8CE · #FFC599 · #B87E81 · #763C17

Built around Bronze, softened by Cantaloupe — the whole palette hums with optimism and warmth.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Bone (#E0D8CE): bright and airy, almost weightless.
• Cantaloupe (#FFC599): A whisper-light, balanced gold — the color of old brass.
• Dusty Rose (#B87E81): A luminous, dusty red — the color of embers at dusk.
• Bronze (#763C17): A full-bodied, balanced orange — the color of autumn markets.

Feels like: Optimism, Warmth, Comfort, Sophistication, Softness, Clarity. Tagged pastel, light, muted, 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

• Weathered Shell color palette (#FFF1F2, #E2D7D1, #FFBDC4, #AA87AA, #644A4A)
• Weathered Cocoa Loft color palette (#FFF2EE, #E0DBCE, #CFBB93, #98696B, #733912)
• Antique Seafoam Ridge color palette (#FFF3E4, #DBDFC5, #ADE1A3, #B9936D, #624400)
• Frosted Boulevard color palette (#FFF2EB, #FFCFA7, #F8B21E, #D45236, #522800)
• Weathered Bronze Terrace color palette (#FDF3EA, #E3BD8A, #9E612B, #5B391D, #291F17)
• Ancient Delta color palette (#FFEAD2, #BD9F5A, #958700, #6B3700, #190E00)
• Amber Coast color palette (#F8DBCC, #F09663, #CE8000, #9B2D31, #2D0D00)
• Lime Summit color palette (#FFF1D6, #D6D6A1, #9CC34E, #9D7219, #35322B)

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