Deep Cocoa color palette — #F4DCC7 · #693400 · #003F40 · #002224 · #0B0300

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

The five colors

• Parchment (#F4DCC7): A whisper-light, dusty gold — the color of old brass.
• Bronze (#693400): A deep, shadowed, balanced gold — the color of old brass.
• Deep Teal (#003F40): A deep, shadowed, dusty teal — the color of sea glass.
• Midnight (#002224): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#0B0300): A deep, shadowed, dusty gold — the color of honey in a jar.

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

• Eclipse Cocoa color palette (#FFEBDB, #713900, #00322B, #1D0037, #130011)
• Midnight Basalt color palette (#F6E2C3, #483300, #002D49, #001424, #030100)
• Garnet Meadow color palette (#FDE2E6, #810034, #003E41, #002224, #100003)
• Timeworn Bronze color palette (#F6D8CA, #906000, #413A00, #141F00, #000D0B)
• Weathered Rust color palette (#F8E6DB, #B53600, #003E26, #491000, #000201)
• Softworn Driftwood Villa color palette (#E9DFD4, #B0A999, #898239, #502F00, #1F1001)
• Moonless Hollow color palette (#F5E8D9, #5F3B00, #0A2091, #030064, #090300)
• Bronze Station color palette (#FEDFB9, #8C5D00, #006663, #004457, #2D1B00)

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