Smoked Cocoa color palette — #ECDCD7 · #762500 · #003B53 · #001F2E · #040000

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

The five colors

• Bone (#ECDCD7): a clean, paper-quiet neutral.
• Rust (#762500): A deep, shadowed, balanced orange — the color of autumn markets.
• Deep Teal (#003B53): A deep, shadowed, dusty blue — the color of open sky before noon.
• Midnight (#001F2E): A deep, shadowed, dusty blue — the color of open sky before noon.
• 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 Smoked Cocoa 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

• Cellar Cocoa Corridor color palette (#F5E1CD, #683E00, #00312E, #1A002D, #020006)
• Cellar Dune color palette (#F2E1CD, #4B3000, #002461, #000F32, #020100)
• Cellar Mulberry Corridor color palette (#FCD5D2, #7B004E, #00403B, #00221F, #040001)
• Terracotta Villa color palette (#FFE0D2, #9F3D00, #00605B, #00346D, #0D0200)
• Shadow Harbor color palette (#EFDBD2, #875900, #423D00, #0E1C00, #000301)
• Frosted Quarry color palette (#F1E1D9, #B13900, #00421A, #4C1400, #010100)
• Hushed Bronze Atelier color palette (#F4E7DB, #A89F8D, #867E35, #4F2D00, #090300)
• Dusty Summit color palette (#FCEED5, #7A6100, #6135A8, #3E2070, #0D0600)

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