Deep Cocoa color palette — #D3E8D1 · #694100 · #372D00 · #001A28 · #030000

Bronze takes the lead with Espresso close behind in a set that reads as nature and growth at first glance.

The five colors

• Celadon Mist (#D3E8D1): A whisper-light, dusty green — the color of a quiet forest floor.
• Bronze (#694100): A full-bodied, balanced gold — the color of old brass.
• Espresso (#372D00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#001A28): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#030000): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged jewel, vibrant, 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

• Nocturne Cocoa color palette (#F4DBE4, #633800, #302C1D, #0F1000, #040001)
• Shadow Onyx color palette (#D9EEE2, #4E4500, #303700, #040059, #030100)
• Shadow Chapel color palette (#EDD7E7, #8A0700, #393200, #00212E, #040000)
• Rust Harbor color palette (#FFE2EF, #AE5147, #673B00, #282100, #010900)
• Plum Loft color palette (#D7EEDA, #AA3153, #4D3700, #0D0065, #100100)
• Worn Navy color palette (#D3F8E2, #6B5D00, #2C4E00, #0A0090, #0C0600)
• Worn Brick Station color palette (#FFF2EC, #BA3E45, #00553E, #002B45, #030003)
• Dusty Coast color palette (#EDE4EA, #ADB6AC, #779588, #7E1600, #12060F)

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