Deep Cocoa color palette — #FBECE3 · #7C2E00 · #00322D · #22002F · #0F0007

Built around Rust, softened by Deep Indigo — the whole palette hums with optimism and creativity.

The five colors

• Cream (#FBECE3): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Rust (#7C2E00): A full-bodied, balanced orange — the color of toasted spice.
• Deep Forest (#00322D): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Indigo (#22002F): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#0F0007): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Optimism, Creativity, Sophistication, Depth, Luxury. Tagged dark, muted.

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

• Lowlit Dune color palette (#EADFC9, #584900, #002F3D, #2A0018, #100000)
• Twilit Garnet color palette (#F7E1DB, #8C0030, #153200, #001232, #0A0013)
• Nocturne Spruce Study color palette (#D9F6DE, #5E4400, #123200, #001413, #030000)
• Worn Grove color palette (#F5EDE1, #816000, #2C5000, #002E28, #170000)
• Ancient Basalt Coast color palette (#F7EEE1, #4B5957, #4A3500, #18231F, #070A00)
• Patina Olive color palette (#E5DFCD, #527836, #004329, #45001D, #061400)
• Frosted Navy Terrace color palette (#F1E8E0, #4698C7, #00449B, #002F32, #10073C)
• Timeworn Aubergine color palette (#FCE3CD, #A35800, #005757, #500065, #3E0028)

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