Shadow Cocoa color palette — #FAD7E7 · #763900 · #00491C · #331500 · #000200

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

The five colors

• Shell Pink (#FAD7E7): A whisper-light, dusty rose — the color of strawberry cream.
• Bronze (#763900): A full-bodied, balanced gold — the color of honey in a jar.
• Forest (#00491C): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Onyx (#331500): A deep, shadowed, dusty gold — the color of honey in a jar.
• Black (#000200): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Sophistication. Tagged dark, muted, warm.

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

• Cellar Fern color palette (#CEE7D6, #5B4B00, #004544, #261D00, #000201)
• Obsidian Onyx Terrace color palette (#FCEADD, #5C2D00, #2A3700, #440029, #030100)
• Midnight Mulberry color palette (#EDDFF3, #8C004D, #473B00, #3E001E, #020100)
• Hushed Terracotta Quarry color palette (#FFE5DB, #8B2E00, #004461, #3D0F00, #00070E)
• Obsidian Garnet Villa color palette (#D5EDD4, #684400, #680058, #2C1A00, #040002)
• Eclipse Pine color palette (#FEDDDE, #00722A, #615100, #040F0D, #000201)
• Hazy Garnet Villa color palette (#DBEAE2, #625E00, #8A0036, #2D2B00, #0A0001)
• Bronze Archive color palette (#DDEBDC, #AD7100, #007E61, #613E00, #00170F)

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