Smoked Cocoa color palette — #FFECD2 · #5E3A00 · #252A00 · #00121B · #040001

Bronze and Deep Forest set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FFECD2): A whisper-light, dusty gold — the color of old brass.
• Bronze (#5E3A00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#252A00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#00121B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Black (#040001): A deep, shadowed, dusty rose — the color of pressed rose petals.

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

• Basalt Lagoon color palette (#E7DEC0, #484000, #002931, #000E26, #040000)
• Garnet Boulevard color palette (#FADDD0, #7A0403, #342100, #00130F, #020007)
• Eclipse Chestnut Bloom color palette (#FFE3E2, #994700, #4D2F00, #191600, #010200)
• Cellar Basalt color palette (#F2DDC3, #4B5854, #4B2F00, #161F1A, #070700)
• Inked Terracotta color palette (#F8E6C6, #942C00, #382E00, #05004B, #040100)
• Ancient Garnet color palette (#F8EAE1, #AD9D8B, #927831, #5D2000, #0A0200)
• Softworn Rose Boulevard color palette (#FEE3CD, #F7435A, #9B6500, #3B5100, #020100)
• Velvet Aubergine Hollow color palette (#FFE8EC, #5E006D, #002527, #00121F, #02000D)

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