Cocoa Quarry color palette — #F6EBF2 · #B79752 · #72270A · #3B1407 · #20101B

A conversation between Rust and Mustard, giving this palette its sense of optimism and sophistication.

The five colors

• Blush (#F6EBF2): bright and airy, almost weightless.
• Mustard (#B79752): A luminous, balanced gold — the color of honey in a jar.
• Rust (#72270A): A deep, shadowed, balanced orange — the color of autumn markets.
• Espresso (#3B1407): A deep, shadowed, dusty orange — the color of toasted spice.
• Ink (#20101B): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Patina Market color palette (#FFF1F6, #C8AA6B, #784200, #442031, #251919)
• Tempered Alley color palette (#F2ECF6, #B8974F, #78094C, #3B0D26, #1B1122)
• Tempered Workshop color palette (#D9EADB, #B88A00, #4D3700, #251800, #080900)
• Patina Pier color palette (#F9ECE3, #EFBE84, #B4765A, #744B38, #20130A)
• Fern Meadow color palette (#FEF1F7, #D08553, #4A6A00, #7C3B00, #001E18)
• Weathered Bronze color palette (#FEE8F3, #9A7300, #293626, #411A00, #150500)
• Wandering Chestnut Garden color palette (#EDF8F1, #A5CBAD, #6E5D1B, #243F2F, #192826)
• Hushed Amber Grove color palette (#FFDAB8, #C2983C, #736B00, #344800, #00352B)

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