ClassPass Colors

ClassPass is a platform for booking fitness classes and wellness appointments. Its branding and interface designs primarily use Mine Shaft, White, and Blue Ribbon. You can easily copy these colors in Hex, CMYK, RGB, and other popular formats on this page.

Access our full UI & UX library today.

Join for free

What are the main colors that define the ClassPass brand palette in our library?

ClassPass's main color palette is built on a core trio: a vibrant Blue Ribbon (#0055FF), a deep Mine Shaft grey (#333333), and a clean White (#FFFFFF), a combination you can use to create a similarly energetic and focused interface.

What is the meaning behind the color palette you see in the ClassPass app?

We see ClassPass use its primary dark gray, #333333, to project strength and sophistication, creating a stable, premium foundation for its brand. This is brilliantly contrasted by energetic pops of #0055FF blue, which injects dynamism and inspires you to take action, all balanced by the clean, open space provided by white.

What's the story behind ClassPass's iconic color scheme?

While ClassPass hasn't publicly detailed the history of its color choices, the palette strategically blends the energy of fitness with the reliability of a tech platform, creating a vibrant yet trustworthy brand identity.

How does ClassPass use color psychology in its interface designs?

ClassPass masterfully uses its vibrant Blue Ribbon to highlight key calls-to-action, guiding you through the user journey. This is set against a clean, high-contrast backdrop of Mine Shaft and White, which enhances focus and readability.

What colors do we recommend pairing with ClassPass's primary color (#333333) for your designs?

To build on ClassPass's core palette, we suggest exploring a vibrant coral or a soft sage green. These can introduce warmth and energy for a dynamic contrast against the primary dark gray, helping you guide user attention with more nuance.

What other brands and color palettes can I discover in your library?

On our brand colors page, you can explore curated color palettes from top companies, and with thousands of other UI designs on our platform, you'll find endless inspiration for new color combinations from real-world examples.

How can Mobbin empower you to stay ahead of the latest UI/UX design trends?

Our platform offers an extensive, constantly updated collection of mobile and web design patterns, showing you the latest trends in everything from color usage to user flows. By exploring our library, you can easily stay informed on current design practices and keep your work ahead of the curve.
Try Mobbin today for free as long as you like, or get full access with any of our paid plans.