Cocoa Atelier color palette — #FFF0FE · #FFEEB2 · #FFD0C5 · #622901 · #231C18

Rust and Custard set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#FFF0FE): A whisper-light, dusty pink — the color of neon signs at night.
• Custard (#FFEEB2): A whisper-light, dusty green — the color of new leaves after rain.
• Shell Pink (#FFD0C5): A whisper-light, dusty orange — the color of toasted spice.
• Rust (#622901): A deep, shadowed, balanced orange — the color of toasted spice.
• Onyx (#231C18): a grounded near-black with real depth.

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

• Worn Chapel color palette (#EEFFA7, #FFEAD7, #D6C9C2, #683D00, #29221C)
• Patina Loft color palette (#DAFFEE, #FAF72E, #FFD1BE, #512500, #191310)
• Chalky Apricot Veranda color palette (#FFF2E9, #FD9351, #86AC61, #3A8266, #322013)
• Dusty Parlor color palette (#E2F0FF, #6CF083, #FFAFA9, #655C59, #352B27)
• Weathered Blush color palette (#D3E7F0, #38F2F2, #EC7298, #433D38, #332725)
• Straw Meadow color palette (#FFF3E3, #FFD984, #B9A550, #6D6B20, #2C3400)
• Patina Taupe Study color palette (#FAF4ED, #DBDBD0, #9BB4B8, #BA976E, #443E38)
• Sunlit Amber Veranda color palette (#FFF3E8, #E2862E, #64914D, #7D5173, #29150E)

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