Cocoa Atelier color palette — #F4EDE4 · #D9CFBD · #B3A581 · #664700 · #050200

Bronze and Camel set the tone — five colors that lean into optimism and sophistication.

The five colors

• Cream (#F4EDE4): a clean, paper-quiet neutral.
• Oat (#D9CFBD): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Camel (#B3A581): A luminous, dusty gold — the color of old brass.
• Bronze (#664700): A full-bodied, balanced gold — the color of old brass.
• Ink (#050200): quiet, heavy and certain.

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

Use it as a design system

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

• Softworn Basalt Grove color palette (#F0EEE8, #BDBBAB, #93947B, #3D3F00, #020100)
• Tempered Garnet color palette (#F5ECE8, #DECCC1, #BAA08C, #920E00, #070100)
• Tempered Basalt Garden color palette (#D8E3D9, #9BAFA1, #638976, #4A3300, #0A180C)
• Forest Lantern color palette (#E4E3C6, #6F9C68, #005E2B, #362A00, #000200)
• Forest Harbor color palette (#F4F6F0, #CDDFD4, #AEC2A4, #007243, #0B0E03)
• Weathered Bronze color palette (#EBE4DC, #AEB3A0, #79A88F, #9B6400, #1D1103)
• Wandering Fern Hollow color palette (#E5DFCE, #636069, #554F00, #121B18, #050600)
• Dusty Bronze Atelier color palette (#EDE7C5, #897600, #3D4900, #00211F, #010100)

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