Cocoa Summit color palette — #FFF1F3 · #FFC3E2 · #EA9EB0 · #BD8586 · #7C421D

Bronze and Ballet Pink set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF1F3): a clean, paper-quiet neutral.
• Thistle (#FFC3E2): A whisper-light, dusty rose — the color of a warm blush.
• Ballet Pink (#EA9EB0): A luminous, balanced red — the color of a theater curtain.
• Dusty Rose (#BD8586): A luminous, dusty red — the color of late-summer berries.
• Bronze (#7C421D): A full-bodied, balanced gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Softness, Clarity. Tagged light, 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 Mallow color palette (#FFF0FA, #DDCFFF, #CBA1DB, #AB80A2, #654542)
• Dusty Cocoa color palette (#FFF2ED, #F2D4C3, #EAA09B, #AE7A7A, #622706)
• Muted Mulberry color palette (#F4EFFF, #DBAAC2, #BD7084, #8F3C4A, #432A3F)
• Blush Veranda color palette (#FFF2EF, #FFC2CB, #82D9D1, #DB909C, #3F543C)
• Aged Hollow color palette (#F8F2FF, #FFB4D1, #D5879F, #97636C, #624C63)
• Coral Garden color palette (#EDDBE2, #FFA3B7, #FF6967, #C86234, #592E00)
• Wandering Ember Drift color palette (#F8DDE6, #FF7F81, #E8582A, #994C00, #442800)
• Shell Study color palette (#FFF2EE, #FFADB3, #7FCEC8, #74ACCA, #503E38)

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