Header BG.jpg

Colors and Gradients

light-gradient-bg.png
 

Color Palette

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. Our color palette has been carefully designed to convey a simple yet strong and fun personality that embodies our core design principles.

We utilize color in our brand to convey intention, show emotion, create balance, and guide the user’s eye with purpose. Our color palette has been carefully designed to convey a simple yet strong and fun personality that embodies our core design principles — real, bold, simple, inviting, intentional — and create a rich palette that is versatile and energetic.

 

Primary Palette

Magenta

Red

Orange 1

Orange 2

HEX #B52B72

R 181 G 43 B 114

C 28 M 97 Y 28 K 2

HEX #CE3D4B

R 206 G 61 B 75

C 14 M 91 Y 69 K 2

HEX #E65926

R 230 G 89 B 38

C 5 M 80 Y 99 K 0

HEX #FE8A02

R 254 G 138 B 2

C 0 M 56 Y 100 K 0

 

Secondary Palette

 

Blue

Green

Purple

 
 

HEX #35B4C6

R 53 G 180 B 198

C 69 M 7 Y 21 K 0

HEX #22AA68

R 34 G 170 B 104

C 79 M 6 Y 80 K 0

HEX #794C9E

R 121 G 76 B 158

C 62 M 83 Y 0 K 0

 

Gray Palette

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.

 

Primary Headline

Primary Body Copy

Inactive Link

HEX #23232A

R 35 G 35 B 42

C 76 M 70 Y 58 K 68

HEX #696c74

R 105 G 108 B 116

C 61 M 51 Y 43 K 14

HEX #A0A5AB

R 160 G 165 B 171

C 40 M 30 Y 27 K 0

 

Background Color 1 / Border Color

Background Color 2

Background Color 3

HEX #D5D9DE

R 213 G 217 B 222

C 15 M 10 Y 8 K 0

HEX #EFF1F3

R 239 G 241 B 243

C 5 M 3 Y 2 K 0

HEX #F8F9FA

R 248 G 249 B 250

C 2 M 1 Y 1 K 0

light-gradient-bg.png

Gradient Palette

Our gradients create energy, fluidity and when used with purpose represent a journey. The color transitions represent the paths that our customers take, and how these paths are challenging, compelling and uplifting.

Radiance

Radiance is our primary gradient. It should be utilized for most branded applications. The four Primary Palette colors make up Radiance and it should always be applied from left to right.

 

HEX #B52B72

R 181 G 43 B 114

C 28 M 97 Y 28 K 2

HEX #CE3D4B

R 206 G 61 B 75

C 14 M 91 Y 69 K 2

HEX #E65926

R 230 G 89 B 38

C 5 M 80 Y 99 K 0

HEX #FE8A02

R 254 G 138 B 2

C 0 M 56 Y 100 K 0

 

Ocean

Ocean is our secondary gradient. Primarily used on the Business facing marketing materials. It should not be used to brand consumer facing designs. It should be applied from left to right.

 

HEX #32CEC3

R 50 G 206 B 195

C 64 M 0 Y 32 K 0

HEX #36B4C7

R 54 G 191 B 199

C 67 M 0 Y 24 K 0

HEX #3F96D8

R 63 G 150 B 216

C 70 M 30 Y 0 K 0

 

Fitness Gradient: Orange

The orange fitness gradient is primarily used for fitness and yoga facing product and marketing materials.

Wellness Gradient: Green

The green wellness gradient is primarily used for spa and integrative health product and marketing materials.

HEX #D64B42

R 214 G 75 B 66

C 11 M 86 Y 79 K 1

HEX #F47D23

R 244 G 125 B 35

C 0 M 63 Y 98 K 0

HEX #64BC4D

R 100 G 188 B 77

C 64 M 0 Y 94 K 0

HEX #288D9E

R 40 G 141 B 158

C 80 M 29 Y 33 K 2

 

Beauty Gradient: Purple

The purple beauty gradient is primarily used for salon and beauty facing product and marketing materials.

HEX #794C9E

R 121 G 76 B 158

C 62 M 83 Y 0 K 0

HEX #A63284

R 166 G 50 B 132

C 38 M 95 Y 13 K 0

Secondary Gradient: Red

The red gradient is primarily used in the consumer app and products to showcase user profile information.

HEX #B52B72

R 181 G 42 B 114

C 28 M 97 Y 27 K 2

HEX #D34646

R 211 G 70 B 70

C 12 M 87 Y 74 K 2

Swatches-Background-v04.jpg

Download Swatches

Illustrator

Photoshop

Sketch