Shadow Cocoa color palette — #FAE2EF · #764415 · #491800 · #240001 · #020100

Bronze and Espresso set the tone — five colors that lean into optimism and warmth.

The five colors

• Blush (#FAE2EF): A whisper-light, dusty pink — the color of a candy shop window.
• Bronze (#764415): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#491800): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#240001): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Black (#020100): quiet, heavy and certain.

Feels like: Optimism, Warmth, Comfort, Sophistication, Depth, Luxury. Tagged earthy, warm, 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

• Charred Fern color palette (#DCF3DF, #605100, #382600, #190A00, #010100)
• Antique Boulevard color palette (#F6E6DC, #9D5D21, #742B00, #4B0004, #060300)
• Softworn Chestnut color palette (#FFE5EE, #9D8253, #7A4800, #522000, #130E00)
• Garnet Ridge color palette (#D1E5F5, #003B55, #550005, #1A1000, #000103)
• Timeworn Quarry color palette (#FFDFED, #C19766, #A25200, #791F00, #261A00)
• Cellar Mulberry color palette (#F0E1CB, #A70073, #005B71, #080C11, #000103)
• Hushed Cocoa Canyon color palette (#E5F7EC, #8CB6A5, #80763F, #62470F, #032922)
• Charred Archive color palette (#DEE8F1, #005D8F, #3B0062, #002136, #020006)

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