Cocoa Atelier color palette — #EFD8E6 · #9E6132 · #752600 · #480008 · #000800

Rust and Espresso set the tone — five colors that lean into optimism and warmth.

The five colors

• Shell Pink (#EFD8E6): A whisper-light, dusty pink — the color of a candy shop window.
• Ochre (#9E6132): A full-bodied, balanced gold — the color of old brass.
• Rust (#752600): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Espresso (#480008): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#000800): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Optimism, Warmth, Comfort, Balance, Grounding. Tagged earthy, 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

• Soft Bronze Loft color palette (#F8E5DC, #A76300, #762811, #4A0B24, #1C1500)
• Worn Bronze color palette (#D7E8D6, #8D6D00, #5E3B00, #391900, #060500)
• Weathered Cabin color palette (#F2E4EF, #CB4235, #4E4400, #6B0302, #000201)
• Antique Workshop color palette (#EFDAE2, #B49263, #955000, #652A12, #061D0E)
• Softworn Hollow color palette (#F8DCEE, #C28E55, #A43400, #600029, #050400)
• Dusty Pier color palette (#FFECF5, #C9A37D, #9E6643, #614058, #18271B)
• Terracotta Boulevard color palette (#F8E3F1, #8D2500, #003B2F, #001B3C, #020007)
• Moss Harbor color palette (#D2F2E2, #93AB53, #736F00, #544100, #0D2203)

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