Cocoa Atelier color palette — #F7D7E9 · #7F3000 · #00444C · #371000 · #000102

Rust takes the lead with Onyx close behind in a set that reads as trust and stability at first glance.

The five colors

• Shell Pink (#F7D7E9): A whisper-light, dusty pink — the color of neon signs at night.
• Rust (#7F3000): A full-bodied, balanced orange — the color of toasted spice.
• Deep Teal (#00444C): A deep, shadowed, dusty blue — the color of deep harbor water.
• Onyx (#371000): A deep, shadowed, dusty orange — the color of toasted spice.
• Black (#000102): quiet, heavy and certain.

Feels like: Trust, Stability, Optimism, Warmth, Comfort, Sophistication. Tagged 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

• Twilit Chapel color palette (#E1EEE1, #684400, #003F64, #2C1A00, #000103)
• Mulberry Study color palette (#F9E5FF, #861B43, #004544, #3F0019, #000201)
• Eclipse Field color palette (#FEDFF2, #8C2D00, #184B00, #3D0F00, #010800)
• Cocoa Garden color palette (#FDDAEC, #602900, #003843, #111B37, #030100)
• Cellar Field color palette (#E3E7F5, #006C6F, #764500, #0A0E07, #040001)
• Nightshade Meadow color palette (#DAF1DD, #634700, #2D00A9, #291C00, #01000A)
• Ancient Brick Bloom color palette (#F9E3D9, #C21A00, #005F88, #6C0900, #00070E)
• Soft Rust color palette (#FBDDCC, #B63B00, #256500, #4F1500, #000200)

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