Cocoa Atelier color palette — #FFE9E1 · #7E2900 · #004653 · #162945 · #040000

A conversation between Rust and Deep Teal, giving this palette its sense of trust and stability.

The five colors

• Rose Water (#FFE9E1): A whisper-light, dusty orange — the color of sun-warmed clay.
• Rust (#7E2900): A full-bodied, balanced orange — the color of toasted spice.
• Deep Teal (#004653): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#162945): A deep, shadowed, dusty blue — the color of deep harbor water.
• Black (#040000): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Trust, Stability, 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

• Deep Villa color palette (#F3E7DB, #693E00, #004365, #021687, #020100)
• Onyx Market color palette (#FDE4C8, #543300, #003455, #200F49, #020100)
• Smoked Mulberry color palette (#FCD5E1, #870048, #004A3A, #00353C, #040001)
• Midnight Bronze Corridor color palette (#FCECD9, #816300, #2B262C, #2C1A00, #050200)
• Aged Terracotta color palette (#F3DACE, #A54500, #006771, #005170, #120300)
• Washed Parlor color palette (#F4DAD5, #901000, #4C4000, #510056, #170000)
• Rust Summit color palette (#FEE5DB, #B74D00, #5E2900, #230B00, #030100)
• Weathered Nightshade color palette (#E0E2CE, #5A5D00, #4B2BAB, #511975, #030400)

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