Smoked Cocoa color palette — #F3D8E5 · #5B2900 · #27130F · #0D0700 · #060003

Espresso takes the lead with Shell Pink close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Shell Pink (#F3D8E5): A whisper-light, dusty rose — the color of strawberry cream.
• Espresso (#5B2900): A deep, shadowed, balanced gold — the color of honey in a jar.
• Ink (#27130F): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Ink (#0D0700): A deep, shadowed, dusty gold — the color of old brass.
• Black (#060003): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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

• Cocoa Orchard color palette (#FBE7F0, #7E3F00, #343E44, #261400, #080003)
• Inked Basin color palette (#F7EBFB, #6D0030, #24200D, #150300, #020106)
• Spruce Boulevard color palette (#D5F3DA, #5B6870, #3C2B00, #171E17, #030500)
• Timeworn Aubergine color palette (#F3EAD8, #624800, #003C88, #420071, #0C0600)
• Ancient Canyon color palette (#FCDAC9, #A15B00, #4A3600, #2A2600, #141700)
• Fern Lantern color palette (#CFEDE5, #334F00, #26262E, #00130B, #000403)
• Timeworn Olive color palette (#D2EBE7, #458239, #0D393E, #0D2421, #050F0F)
• Antique Cabin color palette (#F7E8F3, #559CA4, #00516A, #003124, #00152A)

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