Cocoa Atelier color palette — #E7E8F8 · #9B5D8E · #7A3200 · #003345 · #0D1A2F

Rust and Slate set the tone — five colors that lean into optimism and creativity.

The five colors

• Frost (#E7E8F8): A whisper-light, dusty violet — the color of wild irises.
• Slate (#9B5D8E): A full-bodied, balanced pink — the color of a candy shop window.
• Rust (#7A3200): A full-bodied, balanced orange — the color of toasted spice.
• Deep Teal (#003345): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#0D1A2F): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Optimism, Creativity, Sophistication. Tagged vintage, retro, 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

• Timeworn Garnet color palette (#E2F1FF, #8267A1, #7E3144, #003726, #001F1F)
• Hushed Rust Grove color palette (#F4E0F3, #A35359, #5A3F00, #002554, #140B32)
• Driftwood Terrace color palette (#FCDAF0, #BE6F73, #844C2D, #1A452F, #00272A)
• Washed Meadow color palette (#F0DEE7, #B44056, #6F3615, #182300, #000E10)
• Wandering Denim color palette (#F0DDFE, #B5859E, #956451, #00616E, #001D33)
• Powdered Coast color palette (#E8DDEF, #B87652, #515800, #4A2964, #252343)
• Plum Thicket color palette (#F4DBED, #BA0168, #7F0501, #3C1300, #1B0D00)
• Soft Veranda color palette (#F0E1F0, #920029, #00456A, #1F274F, #170002)

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