Cocoa Atelier color palette — #FCF1FB · #CDA685 · #773E3C · #48201E · #2B1B2A

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

The five colors

• Ivory (#FCF1FB): a clean, paper-quiet neutral.
• Camel (#CDA685): A luminous, dusty gold — the color of old brass.
• Coffee (#773E3C): A full-bodied, dusty orange — the color of autumn markets.
• Espresso (#48201E): A deep, shadowed, dusty orange — the color of autumn markets.
• Onyx (#2B1B2A): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged luxury, dark, muted, warm.

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

• Ancient Chestnut Lagoon color palette (#FFF1F5, #97B999, #744501, #442600, #2C1C22)
• Patina Pewter color palette (#FFF2EF, #CAC888, #9E5A67, #60333B, #2B1E1B)
• Chestnut Thicket color palette (#FFF2EC, #FFC996, #BF837B, #8F5033, #2C1E18)
• Dusty Amber color palette (#EBFAEA, #C69A48, #633F00, #372100, #0A200B)
• Hushed Amber color palette (#F3DDEA, #CA7F00, #642400, #320E00, #1F0416)
• Antique Driftwood color palette (#D5E2D7, #A68847, #463200, #1F1400, #000B08)
• Antique Bronze color palette (#FAF3F6, #E3D7D6, #B3C7C2, #A46130, #51434A)
• Frosted Bronze Drift color palette (#FFE9D4, #CEAC7D, #946F00, #5C4E00, #234216)

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