Cocoa Summit color palette — #F2DBF2 · #8F93C4 · #795983 · #623F06 · #383507

A conversation between Bronze and Graphite, giving this palette its sense of nature and growth.

The five colors

• Thistle (#F2DBF2): A whisper-light, dusty pink — the color of a candy shop window.
• Blue Fog (#8F93C4): A luminous, dusty violet — the color of a velvet chair.
• Graphite (#795983): A full-bodied, dusty pink — the color of neon signs at night.
• Bronze (#623F06): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Espresso (#383507): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged vintage, retro, 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

• Cerulean Coast color palette (#CCF1F6, #639CBE, #806078, #653A39, #443600)
• Worn Thicket color palette (#EFE4FF, #A984A7, #82535D, #3F4A19, #004127)
• Weathered Forest color palette (#CBE5E9, #86B0D1, #85709A, #416542, #1C3D1D)
• Muted Ridge color palette (#E6E1FB, #8F5C8A, #772F42, #2A3200, #002109)
• Wandering Powder Meadow color palette (#E1EAF7, #B3AFEE, #AC8CB5, #5C7A5B, #1C3F30)
• Softworn Olive color palette (#FFF1F4, #E7C2C0, #AA948C, #76772E, #44513A)
• Washed Atelier color palette (#F4D4E0, #8F64CB, #667200, #5C2098, #272D00)
• Bronze Harbor color palette (#FFE3F2, #D4A699, #A16C4E, #2C6347, #1A4B41)

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