Shadow Cocoa color palette — #FFE5DC · #703900 · #3D2800 · #181200 · #010200

A conversation between Bronze and Espresso, giving this palette its sense of optimism and sophistication.

The five colors

• Rose Water (#FFE5DC): A whisper-light, dusty orange — the color of autumn markets.
• Bronze (#703900): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#3D2800): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#181200): A deep, shadowed, dusty green — the color of new leaves after rain.
• Black (#010200): quiet, heavy and certain.

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

• Chestnut Harbor color palette (#EADED5, #845200, #4B3200, #201500, #040700)
• Shadow Studio color palette (#F7DAE0, #900111, #471A00, #1B0B00, #020100)
• Navy Corridor color palette (#D8EDDC, #624700, #00279D, #291C00, #000009)
• Softworn Lagoon color palette (#F5E6CA, #8E9844, #007A58, #562600, #020200)
• Velvet Navy color palette (#EDDFC0, #4B3800, #00277A, #1D0069, #020100)
• Lowlit Harbor color palette (#FDE6EA, #00639E, #654F00, #0A100B, #000200)
• Tempered Olive color palette (#F0EADD, #807600, #3D4700, #012904, #000E05)
• Softworn Moss Coast color palette (#E8EED2, #48AA00, #006F43, #003E33, #001B19)

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