Header BG.jpg

Colors and Gradient

light-gradient-bg.png
 

Color System

Our color palette is warm, uplifting and vibrant. Aside from providing a consistent experience, the use of these colors represents both who we are and where we’re from. The passion and energy of the fitness, wellness and beauty industries converges with the serenity of nature. Imagine a brilliant sunset over our headquarters in San Luis Obispo, and there, you’ll find our color palette.

 
 

Oro

Hearst

Cambria

Islay

Bishop

Hollister

Oro

Primary CTA, background

HEX #FE8A02

R 254 G 138 B 2

C 0 M 56 Y 100 K 0

Hearst

Secondary CTA

HEX #B52B72

R 181 G 43 B 114

C 28 M 97 Y 27 K 2

Cambria

Secondary CTA

HEX #CE3D4B

R 206 G 61 B 75

C 17 M 91 Y 69 K 2

Islay

Secondary CTA

HEX #36B4C7

R 54 G 180 B 199

C 69 M 7 Y 21 K 0

Bishop

Secondary CTA

HEX #23232A

R 11 G 11 B 18 A 90

C 76 M 70 Y 58 K 69

Hollister

Backgrounds

HEX #696C74

R 105 G 108 B 116

C 61 M 51 Y 43 K 14

Neutrals

These secondary colors represent the calmness of nature, reflecting the sand and stone that grounds us. You’ll want to pair these neutrals to balance with the primary colors in the system.

 

Bixby

Backgrounds, disabled text

HEX #A0A5AB

R 160 G 165 B 171

C 40 M 30 Y 27 K 0

Cojo

Border

HEX #D5D9DE

R 213 G 217 B 222

C 15 M 10 Y 8 K 0

Perko

Backgrounds

HEX #EFF1F3

R 239 G 241 B 243

C 5 M 3 Y 2 K 0

Refugio

Backgrounds

HEX #F8F9FA

R 248 G 249 B 250

C 2 M 1 Y 1 K 0

light-gradient-bg.png

Gradient

Our gradients turn our color palette into a journey. The transitions represent the paths that our customers and consumers take to MINDBODY, and how these paths are challenging, compelling and uplifting throughout. The gradients embody the leaps taken, the impasses crossed, and the ends becoming beginnings in this circular, human journey.

Radiance

Radiance is our primary brand gradient. It should be utilized for most branded applications. This gradient is also primarily used for branding the MINDBODY app and is used for marketing consumer products. There are four colors that make up Radiance. The colors should always be applied from left to right in the order displayed below.

 
Hearst

HEX #B52B72

R 181 G 43 B 114

C 28 M 97 Y 28 K 2

Cambria

HEX #CE3D4B

R 206 G 61 B 75

C 14 M 91 Y 69 K 2

Arroyo

HEX #E65926

R 230 G 89 B 38

C 5 M 80 Y 99 K 0

Oro

HEX #FE8A02

R 254 G 138 B 2

C 0 M 56 Y 100 K 0

 

Ocean

Ocean is our business facing gradient. It's used throughout MINDBODY Business software for UI elements. It can also be utilized for branding business facing marketing materials. It should never be leveraged to brand anything facing our consumer audience or anything marketing towards MINDBODY app users. The gradient is comprised of three colors. It should always be applied from left to right in the order shown below.

 
Morro

HEX #32CEC3

R 50 G 206 B 195

C 64 M 0 Y 32 K 0

Islay

HEX #36B4C7

R 54 G 191 B 199

C 67 M 0 Y 24 K 0

Monterey

HEX #3F96D8

R 63 G 150 B 216

C 70 M 30 Y 0 K 0

Swatches-Background-v04.jpg

Download Swatches