Cocoa Atelier color palette — #F2E2F7 · #006884 · #873500 · #100A03 · #030100

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

The five colors

• Blush (#F2E2F7): A whisper-light, dusty pink — the color of peonies in June.
• Peacock (#006884): A full-bodied, balanced blue — the color of deep harbor water.
• Rust (#873500): A full-bodied, balanced orange — the color of sun-warmed clay.
• Ink (#100A03): A deep, shadowed, dusty gold — the color of honey in a jar.
• Black (#030100): a grounded near-black with real depth.

Feels like: Trust, Stability, Optimism, Sophistication, Depth, Luxury. 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

• Dusty Chestnut color palette (#F4DBF6, #00848B, #7B6000, #0D0F06, #030100)
• Nocturne Mulberry color palette (#EDE0F2, #006B76, #910069, #190A04, #040000)
• Inked Grape color palette (#FBE2F6, #7C00D2, #625000, #0A0D07, #020100)
• Chestnut Field color palette (#F4ECD7, #755000, #293436, #181400, #020100)
• Spruce Delta color palette (#E8E7DD, #8A9082, #59735C, #232F00, #020100)
• Orchid Villa color palette (#D9EDFF, #B53EFA, #8F4400, #100A01, #060003)
• Deep Lapis Delta color palette (#E8E5FF, #481DF8, #922500, #110902, #030100)
• Tempered Violet color palette (#FFE2F7, #924AFF, #747800, #0B0C00, #020100)

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