Cocoa Summit color palette — #DFF1DD · #664000 · #262E00 · #00150D · #040000

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

The five colors

• Honeydew (#DFF1DD): A whisper-light, dusty green — the color of fresh herbs.
• Bronze (#664000): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#262E00): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#00150D): A deep, shadowed, dusty teal — the color of glacier melt.
• Black (#040000): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged dark, muted.

Use it as a design system

One click turns Cocoa Summit 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

• Smoked Cocoa Study color palette (#F9EBE0, #713900, #003416, #001528, #14000D)
• Eclipse Chestnut Pier color palette (#E9E2D2, #775E00, #3F3700, #1A1900, #040400)
• Charred Garnet color palette (#F0D5F0, #8C002A, #3E2200, #0F1200, #030003)
• Bronze Meadow color palette (#C8ECC9, #976700, #395700, #00342D, #220200)
• Washed Cabin color palette (#D3EAE3, #587800, #005343, #002C39, #130800)
• Dusty Ember color palette (#F0DEE4, #DB5600, #9A5A00, #674C00, #050200)
• Ancient Study color palette (#CFE5E3, #3397B5, #00506D, #002B31, #00050B)
• Velvet Field color palette (#FBDBEF, #AE3C00, #00482D, #0C004C, #01000B)

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