Shadow Cocoa color palette — #F9E9DE · #5A2600 · #1B3100 · #00170F · #050100

Espresso and Deep Forest set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F9E9DE): A whisper-light, dusty gold — the color of old brass.
• Espresso (#5A2600): A deep, shadowed, balanced orange — the color of autumn markets.
• Deep Forest (#1B3100): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#00170F): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#050100): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, 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

• Cocoa Garden color palette (#F6EBD9, #763500, #331F00, #001301, #080200)
• Smoked Corridor color palette (#F1EFDC, #303E00, #003135, #001423, #010200)
• Lowlit Thicket color palette (#F4E2D9, #6C0700, #2B2D00, #1F0030, #070000)
• Charred Garnet Ridge color palette (#F5DBD8, #660039, #00312D, #001614, #040001)
• Navy Garden color palette (#F8DBF5, #002691, #003410, #001713, #00010C)
• Muted Garnet color palette (#F6EBE5, #AA9588, #996232, #560500, #120602)
• Ancient Fern color palette (#EDE7D1, #555500, #004D4D, #002D3D, #120D00)
• Tempered Mulberry color palette (#F5E3FF, #960056, #00514B, #00302D, #040007)

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