Cocoa Atelier color palette — #FFDAEA · #5C2E00 · #2C291F · #180A03 · #020100

Cocoa and Shell Pink set the tone — five colors that lean into optimism and sophistication.

The five colors

• Shell Pink (#FFDAEA): A whisper-light, dusty rose — the color of strawberry cream.
• Cocoa (#5C2E00): A deep, shadowed, balanced gold — the color of old brass.
• Onyx (#2C291F): quiet, heavy and certain.
• Ink (#180A03): A deep, shadowed, dusty gold — the color of honey in a jar.
• Black (#020100): quiet, heavy and certain.

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

• Nocturne Basalt Ridge color palette (#DAF4DA, #523500, #282015, #020D09, #010100)
• Lowlit Bronze color palette (#F1DBD0, #A66400, #4C3700, #171500, #010100)
• Muted Amber Hollow color palette (#FFF1F5, #CA7E00, #423D00, #250B15, #040003)
• Cellar Fern color palette (#E9F1DA, #425600, #3B434B, #12181D, #000803)
• Dusty Moss color palette (#E6FBF2, #9FA700, #2E4D4A, #10231C, #030604)
• Antique Ultramarine Alley color palette (#DBF5E5, #7C6A00, #1F43C0, #332B00, #00000C)
• Olive Alley color palette (#D8EAD8, #857D02, #294500, #2C0D27, #010100)
• Washed Denim color palette (#EADAE6, #59B1C0, #005C7E, #002C23, #000104)

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