Deep Cocoa color palette — #F6E4CF · #733800 · #172A00 · #0B0035 · #060300

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

The five colors

• Parchment (#F6E4CF): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Bronze (#733800): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Forest (#172A00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Deep Indigo (#0B0035): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#060300): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication, Depth. Tagged retro, 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

• Cellar Cabin color palette (#EFE7C3, #574400, #232500, #000E0C, #020100)
• Shadow Market color palette (#E7DEC3, #8D002C, #2D2200, #000C25, #0A0100)
• Cocoa Summit color palette (#FBDEEA, #5C2F00, #002133, #0B0026, #14010A)
• Deep Spruce Meadow color palette (#EBE6D5, #4E5C5E, #382D00, #0E1B1F, #000600)
• Lowlit Fern Lantern color palette (#F4E0E0, #486200, #00383B, #310025, #001005)
• Scarlet Field color palette (#C8EBD5, #E21104, #705E00, #004737, #050600)
• Aubergine Lantern color palette (#F4DCC0, #B36200, #566100, #450093, #060300)
• Dusty Navy color palette (#DFEBDE, #4386BB, #262C8A, #002223, #0F0022)

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