Cocoa Atelier color palette — #FDE8EF · #573300 · #002132 · #0B150A · #1A0003

Cocoa takes the lead with Ink close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Blush (#FDE8EF): A whisper-light, dusty rose — the color of a warm blush.
• Cocoa (#573300): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Midnight (#002132): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#0B150A): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#1A0003): A deep, shadowed, dusty red — the color of a theater curtain.

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

• Shadow Studio color palette (#E3F3EB, #423F00, #1D2723, #100063, #100700)
• Midnight Garnet Hollow color palette (#FCE9FB, #76001F, #002421, #241506, #160014)
• Spruce Quarry color palette (#C4EDE6, #564949, #0B3800, #0C1F21, #000605)
• Nocturne Pine Meadow color palette (#E4E9D7, #127614, #004236, #001D1E, #010710)
• Bronze Basin color palette (#D6E6D8, #886000, #004B73, #501A00, #251800)
• Quiet Nightshade color palette (#DBF2E5, #615900, #1700A6, #2E1A00, #0F0D00)
• Timeworn Fern Meadow color palette (#FFDFEA, #536A3A, #004C49, #3E1314, #1E0900)
• Powdered Aubergine Veranda color palette (#C9F2ED, #128C38, #720077, #3F3100, #1A2202)

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