Smoked Cocoa color palette — #FDE8D6 · #733B00 · #004255 · #311600 · #000102

Bronze takes the lead with Deep Teal close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#FDE8D6): A whisper-light, dusty gold — the color of old brass.
• Bronze (#733B00): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Teal (#004255): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#311600): A deep, shadowed, dusty gold — the color of honey in a jar.
• 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 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

• Chestnut Corridor color palette (#E5DED0, #745100, #293435, #191300, #020100)
• Smoked Canyon color palette (#FFE5DD, #90002E, #00444A, #400010, #000102)
• Twilit Bloom color palette (#FEDECF, #632600, #00325D, #19163E, #030100)
• Wandering Bronze color palette (#F9DEEB, #A64E00, #005D7C, #471D00, #000103)
• Shadow Aubergine color palette (#F1E4CD, #5D4A00, #40009B, #271D00, #010008)
• Pale Lapis Alley color palette (#F7EFE0, #826800, #4935CD, #433400, #060026)
• Shadow Corridor color palette (#F3DEF4, #5C04F2, #794200, #0E0C05, #020100)
• Sapphire Workshop color palette (#F4E4D1, #AE7000, #0069CA, #623D00, #00112B)

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