Cocoa Atelier color palette — #FEF3E5 · #C99C85 · #946F42 · #3C6537 · #6A3A00

Bronze and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FEF3E5): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Camel (#C99C85): A luminous, dusty orange — the color of sun-warmed clay.
• Walnut (#946F42): A full-bodied, dusty gold — the color of old brass.
• Pine (#3C6537): A full-bodied, balanced green — the color of new leaves after rain.
• Bronze (#6A3A00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged retro, 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

• Washed Chestnut Lagoon color palette (#FEF3E8, #CF95A2, #9E6660, #685900, #5B4039)
• Ancient Forest color palette (#FBF4EB, #B6915C, #657942, #006252, #61342E)
• Olive Meadow color palette (#F4F7EC, #BBC6A8, #6E8C4E, #885B1E, #42550F)
• Timeworn Amber Delta color palette (#FFF2EB, #E4D9D2, #FFC2A4, #BF8549, #514A45)
• Weathered Alley color palette (#F9F1E2, #D797A0, #9E6D33, #315674, #39271E)
• Pewter Corridor color palette (#FDF4E4, #CFC9B5, #92917E, #5F775B, #3D5653)
• Washed Bronze color palette (#F9EDD5, #A08234, #5F5E00, #004B42, #3A3003)
• Washed Terrace color palette (#EBFAEA, #FFBFA7, #D0A47D, #7C946F, #55414B)

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