Huehive Logo

HueHive

#713489 Is The Primary Colour Of A New Gym Being Opened. I Need A Secondary, Tertiary And Accent Colour Based Off Of The Provided Hex Code.

Perkin Mauve #713489
Prickly Purple #A76EBE
Imperial #5E2B6D
#713489 Perkin Mauve
#A76EBE Prickly Purple
#5E2B6D Imperial

#713489 is the primary colour of a new gym being opened. I need a secondary, tertiary and accent colour based off of the provided hex code.

About This Color Palette

Absolutely! Focusing the gradient primarily on the color #713489 while incorporating lighter and darker shades derived from it can create a cohesive and visually appealing effect. Here’s a gradient suggestion based on the primary purple color:

Gradient Colors:

  1. Start with the Primary Purple ( #713489 )
  2. A Lighter Shade ( #A76EBE ): This will add a soft touch.
  3. A Darker Shade ( #5E2B6D ): This will add depth.

Suggested Gradient:

Here’s how the gradient flows:

  • From #5E2B6D (Darker Shade)
  • To #713489 (Primary Purple)
  • To #A76EBE (Lighter Shade)

Gradient CSS Example:

Here’s how you can implement this gradient in CSS for a button:

css
background: linear-gradient(90deg, 
                            
                            #5E2B6D
                        , 
                            
                            #713489
                        , 
                            
                            #A76EBE
                        );

Gradient Description:

  • The gradient starts with the Darker Shade ( #5E2B6D ) to establish depth.
  • It transitions into the Primary Purple ( #713489 ), maintaining the gym’s identity.
  • Finally, it ends with the Lighter Shade ( #A76EBE ), introducing a fresh and uplifting tone.

This gradient will create a harmonious and visually appealing effect, perfect for buttons or other interactive elements in your gym’s design.

Would you like to see more variations or any specific applications using this gradient?

What would you like to do?

Update Your Palette

Current Palette

Perkin Mauve
Prickly Purple
Imperial

#713489 is the primary colour of a new gym being opened. I need a secondary, tertiary and accent colour based off of the provided hex code.

Try these examples: