Cocoa Atelier color palette — #FFF2ED · #E5DAC1 · #CCB8A4 · #965550 · #672B0F

Rust and Walnut set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Bone (#E5DAC1): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Stone (#CCB8A4): A luminous, dusty gold — the color of old brass.
• Walnut (#965550): A full-bodied, balanced orange — the color of autumn markets.
• Rust (#672B0F): A deep, shadowed, balanced orange — the color of toasted spice.

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

• Bronze Field color palette (#FAF4ED, #DCDECF, #BEC3B5, #98692F, #4E463E)
• Weathered Brick Workshop color palette (#FCEFEA, #DDD6C5, #CABDAB, #AB4446, #341F17)
• Dusty Cocoa Station color palette (#F7ECE6, #DAC8BA, #B19D84, #863B27, #372B24)
• Bronze Hollow color palette (#F1E7DA, #B2A891, #8C8037, #4A3200, #1D1102)
• Dusty Archive color palette (#FFF2EA, #FFAFB7, #FF8B4D, #A07700, #552E0C)
• Bronze Thicket color palette (#FFF2ED, #D5AA7D, #847B35, #1D657B, #5E445E)
• Bronze Harbor color palette (#FAE7D9, #A14E00, #3B2600, #281200, #0D0600)
• Coral Grove color palette (#FAF3F8, #E9D5D7, #B6AEA2, #ED8073, #4D3849)

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