Cocoa Atelier color palette — #F9E3ED · #6C3400 · #3A3831 · #140E00 · #0A0004

Bronze and Ink set the tone — five colors that lean into optimism and sophistication.

The five colors

• Blush (#F9E3ED): A whisper-light, dusty rose — the color of strawberry cream.
• Bronze (#6C3400): A deep, shadowed, balanced gold — the color of old brass.
• Charcoal (#3A3831): quiet, heavy and certain.
• Ink (#140E00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#0A0004): A deep, shadowed, dusty rose — the color of pressed rose petals.

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

• Twilit Orchard color palette (#F0E2D7, #673400, #171F18, #180B00, #030100)
• Softworn Bronze Atelier color palette (#F5E9DF, #B65F00, #573D02, #2B1807, #050100)
• Garnet Balcony color palette (#F5E8F7, #820037, #37312C, #1F0600, #07000B)
• Fern Field color palette (#CBEDE5, #3A6200, #35353D, #002016, #000C09)
• Washed Courtyard color palette (#E9F5EE, #8D7D2C, #23433D, #1F2C25, #1E1615)
• Tempered Aubergine color palette (#DBF4E0, #725500, #0046A7, #550586, #191000)
• Tempered Basin color palette (#DCEFDB, #857C23, #324E00, #451C40, #1F1B00)
• Pale Garden color palette (#DAF3DF, #896700, #5320DF, #493600, #170D47)

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