Cocoa Studio color palette — #F7E6DB · #7E3E00 · #481A00 · #210300 · #030100

Bronze takes the lead with Espresso close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Parchment (#F7E6DB): A whisper-light, dusty gold — the color of old brass.
• Bronze (#7E3E00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#481A00): A deep, shadowed, dusty orange — the color of autumn markets.
• Ink (#210300): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Black (#030100): a grounded near-black with real depth.

Feels like: Optimism, Warmth, Comfort, Sophistication, Depth, Luxury. Tagged earthy, warm, dark, muted.

Use it as a design system

One click turns Cocoa Studio 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

• Shadow Fern color palette (#E7E0D2, #5C5300, #332900, #150D00, #020100)
• Washed Chestnut color palette (#F3DCC3, #A67E3F, #784900, #4C2600, #160C00)
• Moonless Bronze Parlor color palette (#F4DAC8, #A06213, #652400, #2B0006, #020100)
• Garnet Bloom color palette (#EDDED7, #651000, #21242E, #1D1C00, #000A02)
• Mulberry Drift color palette (#FBE2EF, #9E0058, #530021, #240004, #050000)
• Inked Atelier color palette (#F6E2E9, #962F2B, #1F0035, #100303, #020006)
• Bronze Studio color palette (#FBE5D2, #C79462, #A05400, #6C3009, #2A1800)
• Deep Aubergine Drift color palette (#F7DEC6, #AF0049, #7A00A3, #1C080A, #040001)

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