Shadow Cocoa color palette — #F4D7E5 · #793600 · #00415D · #341300 · #000103

Bronze takes the lead with Navy close behind in a set that reads as trust and stability at first glance.

The five colors

• Shell Pink (#F4D7E5): A whisper-light, dusty rose — the color of pressed rose petals.
• Bronze (#793600): A full-bodied, balanced gold — the color of honey in a jar.
• Navy (#00415D): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#341300): A deep, shadowed, dusty orange — the color of autumn markets.
• Black (#000103): a grounded near-black with real depth.

Feels like: Trust, Stability, 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

• Midnight Garnet color palette (#FAE2FA, #910027, #004546, #40000C, #000202)
• Inked Cabin color palette (#D2F0D6, #634600, #003680, #2A1B00, #000106)
• Hushed Bronze color palette (#FCDEE8, #995900, #005F6F, #412300, #000102)
• Deep Aubergine Station color palette (#FFE9DA, #5C2D00, #003A30, #2D005B, #030100)
• Velvet Chestnut color palette (#EDD8E3, #784300, #471B00, #240000, #000200)
• Chestnut Thicket color palette (#ECE4F3, #006B76, #684D00, #0A100B, #000200)
• Tempered Aubergine Pier color palette (#D4E3DD, #586200, #5E00AB, #282D00, #04000F)
• Sunlit Lapis color palette (#D5EADC, #806900, #442FD7, #423500, #050027)

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