Cocoa Studio color palette — #FFF2EB · #CDA680 · #7B3D2D · #492116 · #241B0B

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

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Camel (#CDA680): A luminous, dusty gold — the color of afternoon light on wheat.
• Bronze (#7B3D2D): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#492116): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Onyx (#241B0B): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged luxury, dark, muted, warm.

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

• Patina Atelier color palette (#FBF4EC, #D6BC94, #775736, #523000, #272518)
• Weathered Villa color palette (#FEF4E3, #C39B40, #5C4400, #332400, #141501)
• Aged Bloom color palette (#FEF1FA, #F8CCA0, #C97F6A, #79566E, #281E25)
• Muted Amber color palette (#FFF4DF, #B69242, #706D1E, #005B4E, #403D36)
• Chestnut Corridor color palette (#F6E8D6, #7B5700, #233030, #1F1100, #040200)
• Chalky Bronze color palette (#FFEED6, #CCAF6B, #887625, #535300, #064620)
• Bronze Summit color palette (#FAF4EE, #DADAD2, #BEC0B2, #8D6D4B, #4D463F)
• Wandering Rust color palette (#FFF2EC, #C2614B, #6E773E, #63427A, #38312E)

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