Cocoa Summit color palette — #F0D7ED · #9F6B88 · #7A3D4C · #432803 · #181000

A conversation between Coffee and Mocha, giving this palette its sense of optimism and warmth.

The five colors

• Thistle (#F0D7ED): A whisper-light, dusty pink — the color of neon signs at night.
• Mocha (#9F6B88): A full-bodied, dusty rose — the color of strawberry cream.
• Coffee (#7A3D4C): A full-bodied, balanced red — the color of embers at dusk.
• Espresso (#432803): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#181000): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged vintage, retro, muted, warm.

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

• Washed Workshop color palette (#FFE6E9, #9B6765, #893E1B, #2F2D00, #0B1400)
• Mulberry Delta color palette (#DFDFEF, #8772A8, #713975, #571B1A, #1E0B00)
• Softworn Thicket color palette (#F8DDF5, #C478A3, #A0556B, #603A49, #302100)
• Weathered Driftwood Workshop color palette (#E4E4F5, #A46D97, #774344, #0C3E42, #002A2D)
• Washed Loft color palette (#FFE7F7, #B494BC, #A7576A, #004837, #002025)
• Muted Archive color palette (#FFE0DF, #DBB0A8, #A56F6C, #7A570C, #35332C)
• Airy Raspberry color palette (#FFE2E4, #D34D6B, #81002E, #360011, #070001)
• Powdered Rust Courtyard color palette (#FFE3E7, #CE7B77, #AE4E1B, #444400, #182700)

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