Cocoa Summit color palette — #DCEDDD · #AA9466 · #7D5D29 · #623900 · #153924

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

The five colors

• Honeydew (#DCEDDD): A whisper-light, dusty green — the color of new leaves after rain.
• Caramel (#AA9466): A luminous, dusty gold — the color of old brass.
• Coffee (#7D5D29): A full-bodied, balanced gold — the color of honey in a jar.
• Bronze (#623900): A deep, shadowed, balanced gold — the color of honey in a jar.
• Deep Forest (#153924): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Muted Cocoa Harbor color palette (#F7E1EA, #B18A97, #8A5528, #6E2E00, #1E371F)
• Wandering Chestnut color palette (#D7E5D7, #A49968, #855B12, #612E0F, #001E15)
• Bronze Balcony color palette (#F3E6D5, #BDAE6F, #AA7415, #7C4E35, #32302A)
• Timeworn Bronze Corridor color palette (#ECF9F1, #86B39E, #7F7334, #624F1C, #27443A)
• Worn Orchard color palette (#DEF4E3, #847638, #574200, #372400, #191700)
• Chestnut Lagoon color palette (#FDCFE6, #BD7C47, #904100, #692100, #3D2200)
• Worn Chestnut Lantern color palette (#FFF1F6, #A9BFA6, #9B7383, #7D5237, #3C4D3D)
• Hushed Chestnut color palette (#D8F4FE, #008086, #7A5C00, #3E4B00, #002C37)

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