Deep Cocoa color palette — #FDD6CF · #7D3700 · #3A2100 · #181100 · #020200

Built around Bronze, softened by Espresso — the whole palette hums with optimism and warmth.

The five colors

• Shell Pink (#FDD6CF): A whisper-light, dusty orange — the color of autumn markets.
• Bronze (#7D3700): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#3A2100): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#181100): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Black (#020200): a grounded near-black with real depth.

Feels like: Optimism, Warmth, Comfort, Sophistication, Depth, Luxury. Tagged dark, muted, warm.

Use it as a design system

One click turns Deep 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 Archive color palette (#D2E6D2, #5F5208, #3A2500, #1C0800, #010100)
• Nocturne Garnet color palette (#FFE8EC, #900224, #531900, #1E0C00, #020100)
• Bronze Meadow color palette (#F3E4DA, #A56400, #4F3200, #201400, #020100)
• Inked Field color palette (#E8F3E7, #684400, #161EA2, #2C1A00, #00000C)
• Chalky Amber Cabin color palette (#F9DECD, #B97B00, #685600, #303300, #0B1700)
• Velvet Ultramarine color palette (#F8DCED, #005BB7, #635000, #0B0D07, #020100)
• Worn Cypress Coast color palette (#D5EBD7, #8F9664, #007754, #4E1A00, #040300)
• Lowlit Aubergine Quarry color palette (#E9E4C6, #453B00, #00354F, #230065, #020100)

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