Shadow Cocoa color palette — #F0E0C4 · #5E4900 · #004062 · #271D00 · #000103

Built around Bronze, softened by Navy — the whole palette hums with trust and stability.

The five colors

• Parchment (#F0E0C4): A whisper-light, dusty gold — the color of honey in a jar.
• Bronze (#5E4900): A full-bodied, balanced gold — the color of old brass.
• Navy (#004062): A deep, shadowed, balanced blue — the color of open sky before noon.
• Onyx (#271D00): A deep, shadowed, dusty green — the color of fresh herbs.
• 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

• Velvet Drift color palette (#EBDDD5, #832B00, #004257, #390E00, #000102)
• Chestnut Drift color palette (#EAE9DC, #804900, #283135, #0E1700, #010100)
• Cellar Hollow color palette (#FDE9C9, #614800, #381A93, #291C00, #010009)
• Lowlit Navy Study color palette (#F9EACB, #4C3800, #002A71, #210C4A, #020100)
• Linen Cabin color palette (#E4EFE4, #8F6000, #0342C9, #3C2600, #000009)
• Weathered Chapel color palette (#F0EDDF, #6A7200, #7525AE, #363A00, #0E001C)
• Wandering Aubergine color palette (#EBEBCE, #4C791A, #67005D, #1A3100, #080007)
• Lapis Corridor color palette (#F5E5E9, #2F29FB, #823A00, #100B04, #030100)

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