Smoked Cocoa color palette — #F2D9CA · #8A2F00 · #004751 · #3C1000 · #00070A

Built around Rust, softened by Espresso — the whole palette hums with trust and stability.

The five colors

• Bone (#F2D9CA): A whisper-light, dusty gold — the color of old brass.
• Rust (#8A2F00): A full-bodied, balanced orange — the color of sun-warmed clay.
• Deep Teal (#004751): A deep, shadowed, dusty blue — the color of open sky before noon.
• Espresso (#3C1000): A deep, shadowed, dusty orange — the color of autumn markets.
• Ink (#00070A): 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 Meadow color palette (#F5D8D3, #931048, #004847, #42001C, #000807)
• Moonless Cocoa color palette (#ECDCE5, #7F3000, #0C4904, #371000, #000200)
• Obsidian Study color palette (#EFE4D0, #634F00, #003E77, #291F00, #000613)
• Cocoa Studio color palette (#FAEDE4, #662C00, #003A46, #131E39, #050100)
• Chestnut Field color palette (#F4E5DC, #944B00, #4A1D00, #180500, #050100)
• Chalky Orchard color palette (#F1EBDE, #6C5F00, #551EAE, #332D00, #130034)
• Grape Parlor color palette (#FFE8DD, #BB2E01, #6D00CE, #681500, #09001B)
• Amber Study color palette (#ECDACB, #CA752A, #00609C, #6F3800, #002B4A)

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