Shadow Cocoa color palette — #F5D8E2 · #704000 · #4A4D00 · #181C14 · #0A0400

Built around Bronze, softened by Deep Olive — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#F5D8E2): A whisper-light, dusty rose — the color of strawberry cream.
• Bronze (#704000): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#4A4D00): A full-bodied, balanced green — the color of new leaves after rain.
• Ink (#181C14): a grounded near-black with real depth.
• Ink (#0A0400): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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

• Bronze Meadow color palette (#F8EBD6, #AB7F00, #645000, #282100, #010100)
• Obsidian Basalt color palette (#F8DEC4, #394745, #542F00, #151910, #0E0700)
• Worn Bronze color palette (#FFE3ED, #9A5800, #3A3200, #1D1905, #0F0500)
• Patina Olive Hollow color palette (#C7F0E2, #6D8100, #4E4A41, #002C26, #000503)
• Hushed Meadow color palette (#DEFEEF, #999800, #34420F, #001B11, #000201)
• Mustard Basin color palette (#EBFAEE, #CBAA5C, #475A4F, #232E26, #0C110C)
• Timeworn Workshop color palette (#E4FBF9, #5DB37A, #2E4C4E, #0E2221, #010706)
• Pewter Ridge color palette (#F9E4C5, #A29665, #636938, #004036, #000809)

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