Cocoa Atelier color palette — #FFF3E7 · #DAC8AE · #B1967B · #98674F · #5C4300

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

The five colors

• Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
• Oat (#DAC8AE): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Taupe (#B1967B): A luminous, dusty gold — the color of afternoon light on wheat.
• Walnut (#98674F): A full-bodied, dusty orange — the color of sun-warmed clay.
• Bronze (#5C4300): A deep, shadowed, balanced gold — the color of old brass.

Feels like: Optimism, Sophistication, 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

• Aged Chestnut Canyon color palette (#FFF3E8, #CFBAA0, #B1855F, #975539, #403D36)
• Weathered Atelier color palette (#FCF3EE, #E1CEB1, #9E7162, #753B14, #342922)
• Bronze Corridor color palette (#F0EADB, #9EA373, #827114, #664700, #1A2A00)
• Tempered Olive Lagoon color palette (#FFF3E7, #E2CDA2, #A1A064, #607B28, #1A5318)
• Chestnut Balcony color palette (#FAE8D4, #957936, #724800, #4D2300, #0E0B00)
• Hushed Amber color palette (#FAF4EF, #F5C6A8, #90A566, #C7743A, #2F2E27)
• Softworn Garnet color palette (#F3DAC9, #B18152, #954810, #740E00, #201300)
• Stone Lantern color palette (#FFF1F6, #C0E4CA, #D5AD8C, #A2899E, #394D46)

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