Shadow Cocoa color palette — #FEDEEA · #6C3D00 · #292D00 · #270025 · #170001

A conversation between Bronze and Deep Indigo, giving this palette its sense of nature and growth.

The five colors

• Rose Water (#FEDEEA): A whisper-light, dusty rose — the color of pressed rose petals.
• Bronze (#6C3D00): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Forest (#292D00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Deep Indigo (#270025): A deep, shadowed, balanced pink — the color of neon signs at night.
• Ink (#170001): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication, Depth. 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 Cocoa Villa color palette (#F6D6E3, #6D3A00, #003416, #001121, #040003)
• Charred Garnet color palette (#FFE2FA, #8E0112, #3A2500, #0D1700, #14000E)
• Ember Meadow color palette (#FBE1E9, #ED6201, #9C5900, #564000, #120800)
• Basalt Field color palette (#D3E6D3, #425854, #4F3300, #152027, #0C0700)
• Softworn Veranda color palette (#F8E8DA, #965200, #005331, #002552, #160009)
• Antique Workshop color palette (#F2E1C0, #837703, #45501F, #00312C, #011925)
• Dusty Pier color palette (#D4ECDF, #697300, #2D3E00, #341C00, #0F1100)
• Hushed Nightshade Loft color palette (#F7E9F6, #D04F55, #6B6800, #4000B5, #170001)

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