Deep Cocoa color palette — #FFE2CE · #5C2D00 · #003747 · #0C1D32 · #030100

Cocoa and Deep Teal set the tone — five colors that lean into optimism and sophistication.

The five colors

• Parchment (#FFE2CE): A whisper-light, dusty gold — the color of honey in a jar.
• Cocoa (#5C2D00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Deep Teal (#003747): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Midnight (#0C1D32): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#030100): a grounded near-black with real depth.

Feels like: Optimism, 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

• Cellar Garnet Grove color palette (#F9E4E7, #72002D, #003840, #061F2F, #040001)
• Aubergine Terrace color palette (#F1DAC9, #662C00, #003E2E, #290063, #040100)
• Chestnut Courtyard color palette (#FFE6D4, #924D00, #422000, #1C231D, #110500)
• Washed Chestnut color palette (#EDDBCB, #804900, #005766, #173A56, #040100)
• Moonless Archive color palette (#E2E5D0, #494E00, #500094, #4A0049, #010100)
• Aged Bronze Ridge color palette (#FFEAE0, #A97B1E, #487238, #520635, #030100)
• Violet Thicket color palette (#FEF0D7, #A98A23, #8B6CBC, #745E98, #291C02)
• Mulberry Station color palette (#FFE6F4, #00649A, #97004C, #130504, #040000)

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