Shadow Cocoa color palette — #D7E8EB · #005951 · #662200 · #002420 · #030000

Rust and Peacock set the tone — five colors that lean into optimism and sophistication.

The five colors

• Frost (#D7E8EB): bright and airy, almost weightless.
• Peacock (#005951): A full-bodied, dusty teal — the color of glacier melt.
• Rust (#662200): A deep, shadowed, balanced orange — the color of toasted spice.
• Onyx (#002420): A deep, shadowed, dusty teal — the color of glacier melt.
• Black (#030000): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: 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

• Cellar Alley color palette (#C4EDEB, #005C31, #710031, #002611, #040001)
• Denim Summit color palette (#DCEAF7, #00517E, #563200, #002037, #020100)
• Shadow Garnet Courtyard color palette (#CFEEF9, #004449, #61001A, #311700, #000102)
• Cypress Cabin color palette (#E0F1DC, #007C73, #685200, #00332F, #020100)
• Midnight Aubergine Cabin color palette (#CBE7E7, #005B3C, #4B0090, #002616, #020007)
• Brick Thicket color palette (#F0ECDB, #B20A03, #005D6A, #070C10, #000102)
• Inked Pier color palette (#D4E2EF, #903A00, #34282A, #001527, #000103)
• Feathered Brick Harbor color palette (#D0E7CE, #007975, #A70410, #00413F, #140000)

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