Shadow Cocoa color palette — #F3DDCD · #813B00 · #493F00 · #1E2D00 · #050100

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

The five colors

• Parchment (#F3DDCD): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Bronze (#813B00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#493F00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Deep Forest (#1E2D00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Black (#050100): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged dark, muted.

Use it as a design system

One click turns Shadow 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 Balcony color palette (#ECDEC8, #684E00, #2F4411, #002D35, #030200)
• Mulberry Chapel color palette (#FAE8EA, #822079, #653600, #002F27, #060005)
• Obsidian Garnet Bloom color palette (#F8E1D6, #8F2000, #4E2000, #001C1E, #040001)
• Aubergine Corridor color palette (#F6E6EA, #955DAF, #4F4300, #53006E, #020100)
• Garnet Atelier color palette (#FDE0D3, #6B0301, #00340E, #030047, #040000)
• Velvet Mulberry color palette (#FADAD3, #980441, #2B4F00, #002B3F, #080001)
• Frosted Study color palette (#F5E6FA, #AB5786, #8C001E, #351C00, #080500)
• Tempered Plum Boulevard color palette (#F1EAFF, #A64A97, #546900, #00433A, #030003)

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