Cocoa Atelier color palette — #FDF4E5 · #E8D7B6 · #C9B28E · #A38E74 · #5A4500

Deep Olive and Sand set the tone — five colors that lean into optimism and sophistication.

The five colors

• Cream (#FDF4E5): A whisper-light, dusty gold — the color of honey in a jar.
• Wheat (#E8D7B6): A whisper-light, dusty gold — the color of old brass.
• Sand (#C9B28E): A luminous, dusty gold — the color of afternoon light on wheat.
• Caramel (#A38E74): A luminous, dusty gold — the color of old brass.
• Deep Olive (#5A4500): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, light, 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

• Antique Bronze Studio color palette (#F8F1E6, #C3BB9F, #A37B3B, #764C38, #2D2E18)
• Aged Bronze Quarry color palette (#F9EADA, #C49647, #AB6D00, #7D4E23, #1E1400)
• Timeworn Aqua Dune color palette (#ECF9EF, #5BD7E6, #B5AFE4, #9F9C72, #354137)
• Stone Cabin color palette (#ECF9EE, #C0E4E1, #96B89C, #926E7B, #2F453C)
• Hushed Sunflower color palette (#FCEEC3, #C5D261, #ADA944, #917F2B, #36362F)
• Patina Studio color palette (#FDDFCA, #E89F69, #C7774D, #935A49, #341F06)
• Hushed Bronze Bloom color palette (#F1E8D7, #8D8300, #715F00, #513C00, #030400)
• Wandering Parchment color palette (#F1F7EE, #D7E6B0, #71ABA1, #64725F, #282D26)

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