Smoked Cocoa color palette — #FBECDA · #653F00 · #003A18 · #001D1B · #000710

Bronze takes the lead with Deep Forest close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#FBECDA): A whisper-light, dusty gold — the color of old brass.
• Bronze (#653F00): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Forest (#003A18): A deep, shadowed, balanced teal — the color of sea glass.
• Ink (#001D1B): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#000710): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged jewel, vibrant, 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

• Lowlit Fern color palette (#E8E3D1, #4E4E00, #003C36, #001D28, #12000E)
• Cocoa Chapel color palette (#F2DDD1, #782500, #1F2B26, #1C0800, #080200)
• Obsidian Market color palette (#DBEFE8, #004B72, #252E00, #001E1E, #000702)
• Weathered Terracotta color palette (#F7E3D7, #933500, #413600, #00270B, #29000E)
• Moonless Mulberry Courtyard color palette (#FAE2DC, #88003C, #003B21, #001E0E, #01000A)
• Charred Aubergine Lantern color palette (#FFE1EF, #5C1AAC, #003B30, #001C23, #000319)
• Plum Thicket color palette (#F1DEFA, #C60073, #005C53, #003C35, #00071B)
• Feathered Villa color palette (#F5D9D7, #D2472C, #812B00, #3F1900, #241000)

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