Deep Cocoa color palette — #D8F1D6 · #5E3B00 · #35382C · #150D00 · #000200

Bronze takes the lead with Honeydew close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Honeydew (#D8F1D6): A whisper-light, dusty green — the color of a quiet forest floor.
• Bronze (#5E3B00): A deep, shadowed, balanced gold — the color of honey in a jar.
• Charcoal (#35382C): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#150D00): A deep, shadowed, dusty gold — the color of old brass.
• Black (#000200): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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

• Fern Lagoon color palette (#E4EDD3, #4E6100, #005853, #5C2D00, #030400)
• Midnight Loft color palette (#F5DFE5, #865200, #443F00, #151300, #040001)
• Velvet Cocoa Ridge color palette (#F5DCEC, #762500, #32312A, #1B0800, #040002)
• Deep Spruce Parlor color palette (#D8F0E9, #474148, #203000, #0A1615, #000300)
• Tempered Harbor color palette (#D8ECE0, #7C7E21, #3D4A00, #402000, #080800)
• Dusty Mulberry Field color palette (#C9E7D7, #786C00, #A3004B, #3E3700, #170005)
• Deep Forest Meadow color palette (#CBEEEB, #006728, #2D2F36, #002113, #000706)
• Fern Hollow color palette (#EEE2C3, #8A8539, #475C11, #003430, #001315)

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