Shadow Cocoa color palette — #F9EBDC · #613C00 · #23302C · #101000 · #060200

Bronze takes the lead with Ink close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Cream (#F9EBDC): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Bronze (#613C00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#23302C): quiet, heavy and certain.
• Ink (#101000): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#060200): A deep, shadowed, dusty gold — the color of old brass.

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

• Garnet Courtyard color palette (#FDE9E1, #860018, #272F28, #1B0A00, #090100)
• Timeworn Bronze color palette (#D9E6D8, #A76A00, #484400, #0F230D, #040103)
• Patina Chestnut Market color palette (#F1DCC3, #835600, #334140, #2F2200, #100700)
• Muted Forest Courtyard color palette (#E6EBD3, #006725, #3A494F, #00201C, #080A00)
• Powdered Field color palette (#EEF1DA, #5C5F00, #4C32A6, #4B1B83, #121300)
• Sunlit Forest Thicket color palette (#F2E4CA, #728241, #00541A, #4F1435, #171E00)
• Timeworn Harbor color palette (#FFE8E3, #9B7C59, #49582D, #38335B, #3C1928)
• Airy Grape Lagoon color palette (#E3DECF, #777000, #5F39B6, #3F3B00, #1F004E)

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