Cocoa Atelier color palette — #F5D7EA · #AC7A41 · #862B00 · #44001A · #020100

A conversation between Rust and Espresso, giving this palette its sense of optimism and warmth.

The five colors

• Shell Pink (#F5D7EA): A whisper-light, dusty pink — the color of neon signs at night.
• Caramel (#AC7A41): A luminous, balanced gold — the color of old brass.
• Rust (#862B00): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#44001A): A deep, shadowed, balanced red — the color of embers at dusk.
• Black (#020100): quiet, heavy and certain.

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

• Linen Terracotta color palette (#FADBEF, #C38D54, #994024, #5E072B, #000502)
• Driftwood Dune color palette (#E1ECE1, #8F8937, #684600, #3D1200, #000200)
• Softworn Ridge color palette (#F5DDCF, #905900, #631E00, #3B0015, #0F0B00)
• Garnet Delta color palette (#FFF0F8, #E7B054, #BB632B, #862434, #1B1900)
• Worn Plum color palette (#F1DEF5, #B0004F, #773B00, #372400, #040001)
• Misty Corridor color palette (#E5E2FE, #BA63BD, #8F0050, #380600, #020100)
• Hushed Villa color palette (#DFFEE9, #A9BB85, #8A751F, #663A0F, #001807)
• Cellar Brick Boulevard color palette (#FAE1F9, #AE0031, #67001A, #001904, #020006)

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