Shadow Cocoa color palette — #F8E3C8 · #5C3C00 · #171F1A · #140D00 · #020100

Built around Bronze, softened by Parchment — the whole palette hums with optimism and sophistication.

The five colors

• Parchment (#F8E3C8): A whisper-light, dusty gold — the color of old brass.
• Bronze (#5C3C00): A deep, shadowed, balanced gold — the color of honey in a jar.
• Onyx (#171F1A): quiet, heavy and certain.
• Ink (#140D00): A deep, shadowed, dusty gold — the color of honey in a jar.
• Black (#020100): quiet, heavy and certain.

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

• Tempered Meadow color palette (#F0EEE2, #7C8B3E, #403E00, #201E14, #0E0C07)
• Nocturne Chestnut Drift color palette (#F2DCC2, #835400, #283431, #141300, #020100)
• Shadow Garnet Lantern color palette (#F6E7E0, #83020A, #191D15, #1F0500, #040000)
• Cellar Pine Veranda color palette (#E0E9D3, #007752, #1C2A12, #090F01, #020200)
• Fern Balcony color palette (#EEF0E2, #5A5D00, #00594C, #632600, #040400)
• Ancient Mulberry color palette (#F3E9C8, #726F00, #A40041, #3A3800, #170004)
• Softworn Denim color palette (#E2E5D5, #60A7C3, #006085, #003841, #000C18)
• Shadow Basalt Pier color palette (#F2E6CE, #524200, #17201C, #100F00, #020100)

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