Cocoa Atelier color palette — #FDF4E7 · #EBD6B5 · #D2B07D · #A68D73 · #5C4300

Built around Bronze, softened by Sand — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FDF4E7): a clean, paper-quiet neutral.
• Wheat (#EBD6B5): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sand (#D2B07D): A luminous, dusty gold — the color of old brass.
• Caramel (#A68D73): A luminous, dusty gold — the color of honey in a jar.
• Bronze (#5C4300): A deep, shadowed, balanced gold — the color of old brass.

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

• Softworn Bronze color palette (#FBF0E2, #C7BA9A, #A6793D, #814721, #2E2D1C)
• Muted Stone Orchard color palette (#FFF2EB, #F6AE9B, #AEC078, #7BA685, #433B38)
• Feathered Mustard color palette (#F9EED2, #CECC8A, #BAA426, #9A7B21, #37352F)
• Timeworn Amber Coast color palette (#E8DDD0, #B38729, #946200, #6F3F00, #100A00)
• Antique Workshop color palette (#EDF9EC, #B8EACB, #9AB799, #8C7180, #31443D)
• Hushed Moss color palette (#E7DFC2, #ABBA74, #939521, #786C1C, #282504)
• Worn Hollow color palette (#FBF3F2, #FFCEDF, #F19E90, #D894AD, #332C29)
• Softworn Hollow color palette (#FDF2F2, #FFD3BF, #C08CAB, #826464, #342828)

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