Cocoa Atelier color palette — #F9E5DA · #832A00 · #004254 · #390E00 · #000102

Rust and Espresso set the tone — five colors that lean into trust and stability.

The five colors

• Rose Water (#F9E5DA): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Rust (#832A00): A full-bodied, balanced orange — the color of sun-warmed clay.
• Deep Teal (#004254): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Espresso (#390E00): A deep, shadowed, dusty orange — the color of toasted spice.
• Black (#000102): quiet, heavy and certain.

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

• Chestnut Ridge color palette (#F6ECDD, #705300, #293334, #1C1200, #020100)
• Smoked Orchard color palette (#EDDED9, #682000, #003842, #161A3B, #040000)
• Nocturne Mulberry color palette (#F9DBD7, #8C004B, #00482D, #3E001E, #000201)
• Patina Drift color palette (#F9EAF3, #B13E00, #00617D, #621F00, #00070C)
• Eclipse Lantern color palette (#F2DFFB, #006E60, #833900, #100B04, #030100)
• Shadow Nightshade Coast color palette (#F6EEDF, #5E4900, #101FA3, #271D00, #00000C)
• Rust Veranda color palette (#EBD9E4, #B24100, #196603, #4D1700, #000200)
• Aubergine Workshop color palette (#E5E4C3, #635E00, #5100B9, #2E2B00, #030012)

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