Cocoa Atelier color palette — #FDE9D7 · #6B3C00 · #003409 · #00131C · #020005

Bronze takes the lead with Deep Forest close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#FDE9D7): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Bronze (#6B3C00): A full-bodied, balanced gold — the color of old brass.
• Deep Forest (#003409): A deep, shadowed, balanced green — the color of fresh herbs.
• Ink (#00131C): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#020005): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Eclipse Onyx color palette (#F7E5CC, #604300, #003228, #050040, #040001)
• Inked Garnet Balcony color palette (#FFE8E1, #8B002B, #322900, #001411, #00000A)
• Basalt Market color palette (#F7E5CD, #374341, #4A3000, #111610, #080600)
• Eclipse Plum Harbor color palette (#FCE9EA, #AC1690, #1D4700, #1B003F, #040002)
• Spruce Courtyard color palette (#EFE8D5, #616F36, #124200, #400300, #020300)
• Hushed Coast color palette (#F1DEE5, #945400, #005428, #002942, #130012)
• Worn Ember Cabin color palette (#FBEBD7, #DD5C37, #936000, #4D5300, #040200)
• Nocturne Mulberry Parlor color palette (#F2E8FA, #870053, #003418, #22002F, #100006)

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