Shadow Cocoa color palette — #F3E3D8 · #986543 · #642600 · #280400 · #030100

Built around Rust, softened by Walnut — the whole palette hums with optimism and warmth.

The five colors

• Parchment (#F3E3D8): A whisper-light, dusty gold — the color of old brass.
• Walnut (#986543): A full-bodied, balanced gold — the color of honey in a jar.
• Rust (#642600): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#280400): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Black (#030100): a grounded near-black with real depth.

Feels like: Optimism, Warmth, Comfort, Sophistication, Depth, Luxury. Tagged earthy, warm, 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

• Obsidian Olive Delta color palette (#F5E8CC, #797534, #463B00, #191100, #010100)
• Moonless Chestnut color palette (#FFDDEF, #884400, #4A1C00, #250500, #0C0004)
• Tempered Workshop color palette (#F0DFD7, #BD5741, #573200, #540B00, #020100)
• Patina Terracotta Drift color palette (#F7DFD0, #B17021, #9D3D00, #780821, #060300)
• Bronze Study color palette (#FFF3E8, #D7A879, #AD5F11, #723000, #1D0F00)
• Patina Chestnut Harbor color palette (#F4E3CA, #B09759, #7D5800, #472A00, #050400)
• Dusty Chestnut color palette (#FFF3E6, #DCC3A2, #B07F45, #804812, #2E1E00)
• Gentle Boulevard color palette (#F0E9FF, #B96D00, #D20055, #130603, #040000)

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