Choosing a Secondary Group Color

Custom Color

If you already have a second color that complements your primary color feel, then you're done! But if you need help choosing one, read on,

Note: Choose colors that look good under white text.

Choose a color:

Using Google Material UI

Step 1.

Go to: https://material.io/resources/color/#!/

Step 2.

Click Custom.

Step 3.

Input your primary color where it says Hex Color.

Step 4.

Look at the Primary Dark section to see your secondary color.

Input the generated color into VolunteerStudio to see how it looks.

Using a Complementary Color

Step 1.

Go to: https://www.sessions.edu/color-calculator/

Step 2.

Input your primary color where it says Pick a Color.

Step 3.

Click the first bubble where it says Pick a Harmony.

Step 4.

Input the generated color into VolunteerStudio to see how it looks. If you aren't satisfied, pick a new harmony.

You can preview how your secondary color looks by going to the user dashboard: https://volunteer.studio/dashboard