Cocoa Studio color palette — #F1E7DE · #AFA295 · #94836C · #683700 · #120600

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

The five colors

• Parchment (#F1E7DE): a clean, paper-quiet neutral.
• Taupe (#AFA295): A luminous, dusty gold — the color of afternoon light on wheat.
• Mocha (#94836C): A luminous, dusty gold — the color of afternoon light on wheat.
• Bronze (#683700): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Ink (#120600): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Weathered Bronze color palette (#F0E5DD, #A39889, #826F25, #461E00, #130600)
• Cocoa Terrace color palette (#F8ECF1, #AFC0AE, #7A9C80, #5A2F00, #040001)
• Tempered Fern color palette (#EBEADA, #B5B6A7, #93997A, #435D00, #161405)
• Aged Grove color palette (#FDE9CD, #D97D00, #9F6D00, #5B5500, #040200)
• Worn Forest Harbor color palette (#E5E3CD, #798447, #335924, #003335, #00131A)
• Hushed Studio color palette (#F9F5ED, #D7DBCF, #B9C2AF, #947F39, #3D3A34)
• Timeworn Villa color palette (#F5E6CB, #835A00, #463D00, #00261C, #050300)
• Chestnut Cabin color palette (#EEE4D9, #7A4D00, #2F3F00, #340028, #060000)

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