Smoked Cocoa color palette — #ECDCD2 · #823800 · #004656 · #381400 · #00070B

Rust takes the lead with Espresso close behind in a set that reads as trust and stability at first glance.

The five colors

• Bone (#ECDCD2): A whisper-light, dusty gold — the color of old brass.
• Rust (#823800): A full-bodied, balanced orange — the color of sun-warmed clay.
• Deep Teal (#004656): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Espresso (#381400): A deep, shadowed, dusty orange — the color of toasted spice.
• Ink (#00070B): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Mulberry Study color palette (#FBDED4, #9A002B, #004654, #44000E, #00070A)
• Chestnut Summit color palette (#ECE5D9, #785900, #243031, #1C1300, #040200)
• Twilit Cocoa color palette (#FFE8D9, #622F00, #00394B, #0F1F36, #040100)
• Bronze Pier color palette (#F3E2D7, #A34F00, #421C00, #1A231E, #120500)
• Aged Delta color palette (#FDECE2, #AC4300, #006278, #602200, #00070B)
• Softworn Nightshade Ridge color palette (#FFEADF, #902600, #2020A5, #3F0B00, #020023)
• Misty Aubergine color palette (#ECE0C4, #6F5E00, #6800A6, #352C00, #19002D)
• Tempered Amber Thicket color palette (#F3D9BE, #C27B24, #00609C, #693D00, #002B4A)

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