Cocoa Atelier color palette — #FFF3E9 · #DCA677 · #A2653C · #732E0B · #1D0F00

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

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Camel (#DCA677): A luminous, balanced gold — the color of afternoon light on wheat.
• Ochre (#A2653C): A full-bodied, balanced gold — the color of old brass.
• Rust (#732E0B): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#1D0F00): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Balance, Grounding. Tagged earthy, warm, muted.

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 Bronze color palette (#FFF5DB, #B5B781, #837822, #564400, #171200)
• Antique Chestnut Studio color palette (#FFF3E7, #E3C197, #A9815A, #794C2C, #2F1E02)
• Tempered Terracotta Delta color palette (#FFF2EC, #EDAB67, #8E2815, #340400, #030100)
• Chestnut Thicket color palette (#FEF3EB, #F6A575, #986E00, #9B4800, #020100)
• Timeworn Balcony color palette (#F7E2C7, #B39559, #805600, #492900, #060400)
• Feathered Chestnut color palette (#EDDCE4, #AC7B37, #863D00, #5E0C10, #001307)
• Hushed Mustard Corridor color palette (#D5ECDC, #DEC400, #FF9061, #2F1300, #040100)
• Crimson Dune color palette (#FFF2EE, #C74555, #0054A3, #401E6E, #080004)

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