Shadow Cocoa color palette — #F8E5EF · #7D3200 · #004449 · #361200 · #000102

A conversation between Rust and Onyx, giving this palette its sense of trust and stability.

The five colors

• Blush (#F8E5EF): A whisper-light, dusty pink — the color of peonies in June.
• Rust (#7D3200): A full-bodied, balanced orange — the color of toasted spice.
• Deep Teal (#004449): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#361200): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Black (#000102): quiet, heavy and certain.

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

• Inked Drift color palette (#E9DBEF, #8D0048, #004640, #3E001C, #000201)
• Cocoa Parlor color palette (#FFECDC, #583000, #00393B, #02202D, #030100)
• Twilit Navy Villa color palette (#CAE9D3, #5E4900, #003A76, #271D00, #000105)
• Obsidian Corridor color palette (#F2E2D9, #903F00, #491B00, #170400, #030100)
• Powdered Rust color palette (#FFEBE0, #BA350F, #005E74, #520F00, #000102)
• Terracotta Loft color palette (#E3E2FE, #006A78, #902800, #0E0C02, #040002)
• Gentle Aubergine color palette (#D6EDDB, #725700, #5B00AF, #362700, #040010)
• Worn Workshop color palette (#D6EFE2, #766D00, #006083, #3C3700, #000910)

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