Shadow Cocoa color palette — #F8EAD8 · #694500 · #003F65 · #32001D · #020100

Bronze and Deep Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F8EAD8): A whisper-light, dusty gold — the color of honey in a jar.
• Bronze (#694500): A full-bodied, balanced gold — the color of honey in a jar.
• Navy (#003F65): A deep, shadowed, balanced blue — the color of deep harbor water.
• Deep Indigo (#32001D): A deep, shadowed, balanced rose — the color of strawberry cream.
• Black (#020100): 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 Delta color palette (#FAE6CE, #754A00, #002F44, #1C2016, #160100)
• Fern Ridge color palette (#FFE1E2, #6B6600, #003B34, #1D0015, #000200)
• Midnight Veranda color palette (#F5F0D7, #4C5300, #2611A7, #35000F, #010100)
• Velvet Mulberry color palette (#FFE6DF, #920032, #004450, #280039, #040000)
• Aubergine Harbor color palette (#F5ECCB, #505100, #4F008C, #220042, #010100)
• Midnight Aubergine Pier color palette (#EEDDC0, #5F4B00, #560081, #271300, #020100)
• Patina Bloom color palette (#E5DED4, #9D7100, #00454A, #3A2700, #000200)
• Olive Harbor color palette (#F2E8DB, #697D00, #004A23, #001512, #000102)

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