Finding a new job is a job in itself. It takes time and effort to apply, interview, and eventually land a position — even when you’re completely qualified.
It took me close to nine months from the moment I decided it was time to start searching for a new role to my first day at HubSpot.
Long story short, searching for a new job or finding your dream career isn’t always an easy process. It can be stressful, time-consuming, and difficult. But, no fear — that’s why we’ve created this guide. Follow along, and the process will feel significantly less intimidating no matter your industry, job experience, or career goals.
How to Find a New Job
- Consider your personality
- Think about your skills
- Reflect on your background
- Brainstorm your career goals
- Create a list of companies you’d love to work for
- Consider companies that are similar to your ideal companies
- Network professionally
- Clean up your social media accounts
- Update your LinkedIn profile
- Prepare your resume
Depending on your specific situation, you may not need to walk through each of the following steps. This list is here to simply guide you through the beginning stages of your job hunt, so feel free to modify it as needed.
1. Consider your personality.
Your personality reveals a lot about yourself, such as what you enjoy doing, what makes you happy, and how you like to communicate — even the types of jobs you’d likely succeed in. There are a number of ways to incorporate your personality traits and characteristics in your job search.
Take one of the many online personality tests to learn more about your specific traits and discover the types of roles those traits would make you an ideal fit for. This is also helpful when thinking about the type of work environment you’d be most productive in.
Your personality helps you narrow your search in other ways, too — for example, if your results come back with details about you being shy, introspective, and reserved, research ideal jobs for introverts.
2. Think about your skills.
Your skill set is a list of your abilities — such as problem-solving, decision-making, and the ability to work under pressure. In addition to using your skillset to help you determine the type of job you’d be good at, it’s often something listed on a resume — so, listing your skills is a useful exercise for that reason as well.
Also, consider your transferable skills. These are skills that can be transferred from one role to the next, even if they aren’t in the same field. If you are switching industries or roles figuring out how your transferable skills would apply to a new position is key. Some transferable skills include:
- Project management
- Public speaking
- Relationship building
- Analytics and reporting
If you need more guidance, you can learn more about your specific skill set and how it plays a part in the type of career you’d be an ideal fit for by taking a career aptitude test.
3. Reflect on your background.
Your previous work experience and education — or your background — can also help you determine a career path you’d be suited for.
For example, I studied journalism in college and worked at a local news station after graduation. However, after a year, I decided I wanted to leave the industry. My background — which was writing and content-focused — made me an ideal candidate for a position on the HubSpot Blog.
If your background doesn’t align with your newfound career interests, that’s OK, too! However, this may require a little more research on your end about how you can transition to a new career. You may need to go back to school for a master’s degree, get a certification of some kind, or work in an entry-level position in your new field of interest.
4. Brainstorm your career goals.
Brainstorm your personal and career goals to help you determine the ideal next step for you. Think about things like work-life balance, salary, and your goals for the next 5-10 years. This will help you narrow down your search — different industries and positions have a range of standards when it comes to factors like flexibility, culture, and career growth.
5. Create a list of your dream companies.
Whether or not you’re sure about a specific opportunity, create a list of your dream companies you think you’d enjoy working for. This is a great way to keep track of opportunities at the companies you’re most interested in and remain goal-oriented.
You can then tailor your cover letter as well as career highlights and skillset on your resume to fit the requirements and expectations of specific opportunities at your top-choice companies.
6. Consider companies similar to your dream companies.
Consider companies comparable to those on your list of top picks, too. For example, if your goal is to work in marketing at Nike, consider applying for a similar position at a newer, growing company in the same industry like NOBULL.
By being open-minded and realistic about how you’re going to reach your end goal (such as working at Nike), you’ll avoid locking yourself into one, narrow career path option all while gaining valuable experience along the way.
7. Network professionally.
Whether you’re looking to stay in your current industry or pave a completely new path in another, professional networking is critical. These days, many of the offers job seekers receive are a result of networking.
Networking can help you get your foot in the door at a company of interest, gain a new and valuable reference in the industry, and determine whether or not you really want to move into a specific role.
8. Clean up your social media accounts.
Today, recruiters, hiring teams, and department leaders at virtually every company will take the time to research candidates online, including on social media platforms, prior to determining whether or not they want to request an interview.
This means you’ll want to ensure your social media accounts are private or remove pictures, videos, and/or comments that may lead a hiring manager to believe you aren’t a good fit for outreach. After all, the last thing you’d want is for the hiring manager at your dream company to disregard your experience due to something they find on your Instagram or Facebook profile.
9. Update your LinkedIn profile.
Did you know there are over 800 million LinkedIn users? Included in that impressive number are job seekers, businesses, and recruiters looking to fill positions, as well as people who are content with their current roles.
With all of this exposure, it’s important to make sure your LinkedIn profile is up-to-date and accurately represents your current and past experiences. Be sure to describe — in detail — information about your current and past roles, promotions, notable mentions, education, awards, and anything else you feel is worth sharing. Initiate and accept connections to expand your network to receive endorsements for your skills, experiences, and traits.
No matter if you’re in need of a new role, members of your professional network as well as recruiters, hiring managers, and employers will be able to view your LinkedIn profile and reach out to you if they choose. Who knows — maybe you didn’t even realize you were missing out on applying to your dream job.
10. Prepare your resume.
Once you’ve narrowed down the type of role you want, be sure that the skills on your resume mirror what companies are asking for and tailor each resume you submit to their specific needs. Focus not only on listing your job duties but the results achieved thanks to your actions. Let’s say you were a call center representative in a previous role. You could say:
“Answered 50+ calls per shift.”
A more effective statement would be:
“Answered 50+ calls per shift, decreasing customer hold times by 30% and improving overall customer satisfaction.”
The second statement has more impact because it details exactly how your actions improved company operations and provided benefits to customers.
Prepare your resume at the beginning of your job search to ensure your latest and most relevant work experience is available to recruiters and hiring managers for review.
Without a strong and recently updated resume, the companies you apply to won’t have reason to take you seriously. Additionally, pay attention to the details when it comes to your resume including font and which skills of yours you choose to share with specific companies — this is how you’re going to make an impactful first impression that sticks with hiring managers as they review the resumes of other applicants.
Note: When in doubt, try updating your resume with a template to achieve a professional look and feel sure to blow hiring managers away.
How to Find a Job You Love
Now that we’ve reviewed which steps to take in the first stages of your job search, you might be wondering how to find a job you’re truly passionate about — one you love. That’s why we’ve compiled this collection of tips and tricks to help you find your dream career.
1. Get specific about what you want.
In order to find your dream career, you’ll need to get very specific about what that looks like. Ask yourself:
- What is my ideal role? Name it if you already have that nailed down.
- Do I prefer a company that is environmentally or socially responsible?
- Is there a particular company, or company size I prefer?
- What are my work/life balance requirements?
- What is my ideal salary?
- What is my ideal career progression?
- Do I already possess the skills I need for this role or do I need to skill up?
Aim high. You are trying to find your dream career, after all. Once you’ve made a list of all the attributes you’re looking for in your next role, you’ll be able to filter out anything that doesn’t fall within those requirements.
2. Use job search sites.
Today, job search sites, or job search engines, are one of the most common ways to find a new position. These sites provide you with valuable information about companies and positions including location, industry, salary, necessary qualifications, culture, and more.
Other benefits to using a job search site include the ability to upload your resume and cover letter for quick and easy application submission. They also provide you with the option to receive an alert when a new opportunity, that fits the criteria you share, becomes available.
There are a number of popular job search sites, used by millions of people around the world, with these capabilities (and more). Here are six of the most common to get you started:
- LinkedIn isn’t just a professional networking site — it’s also a job search site. The platform will take you through a series of steps to help you begin and narrow your job hunt. You can view position openings while employers can read your resume, view your LinkedIn profile, and Connect.
- Tech Ladies is a free job board and supportive online community dedicated to helping women learn, grow, and extend opportunities in the tech industry. Simply upload your resume to their job board and apply directly through the site.
- Glassdoor gives you access to job listings, employee reviews, interview tips, salary information, and more. You can post your resume so hiring managers can contact you directly and the site includes a feature in which you can view interview questions specific companies tend to ask — which is a great interview prep technique.
- Indeed provides you with access to new job listings, company reviews, and accurate salary information. The site also allows you to post your resume so recruiters and employers can easily reach out.
- CareerBuilder gives you the opportunity to search for a new job based on specific criteria including your experience, location, or skill set. Upload your resume so employers can recruit you. The site will also review your profile and recommend jobs to help you find the right match.
- Monster allows you to upload your resume for a free assessment to ensure everything looks perfect. The site has a variety of other resources such as opportunities to receive professional interview advice as well as access to the latest — and most popular — job listings, salary information, and company reviews.
- Craigslist is a straightforward and simplistic job search site. Employers post their latest job listings and you can sift through them by location and/or one of the site’s 20+ industry types.
3. Check company websites for openings of interest.
Maybe you heard about an opening at your dream company or an opportunity at a specific business of interest that you want to learn more about. If this is the case, go directly to the website of the given company you’re interested in to review their career opportunities and job descriptions. If they provide a career newsletter that sends new job openings, subscribe to that, too.
Rather than looking for positions that meet more general criteria, this is a great option for those who know they want a specific company’s name on their resume or culture to be a part of.
4. Craft unique cover letters.
Your cover letter accompanies your resume to persuade employers into believing you’re worth their time and consideration so they bring you in for an interview. Your cover letters should describe why you’re a great fit for the position you apply for. And when paired with your resume, a recruiter should understand why you’re qualified for the opportunity.
Now, you may be thinking: Not all companies require cover letters.
And that’s true — some companies openly say cover letters are your choice. If this is the case, it’s up to your discretion as to whether or not you want to send one in. (Personally, I always choose to take the time to tell potential employers about the reasons why I am taking their hiring process and a specific opportunity seriously, but that’s just my prerogative.) If you send in a cover letter, ensure it’s concise, well-written, and helps you stand out among other applicants.
5. Prepare for every interview.
Needless to say, nailing your interview is a critical component to receiving a job offer. Although interviews are often high-pressure experiences for job-seekers, thoroughly preparing for them is a great way to relieve some of the stress.
Practice answering interview questions using the STAR method. STAR stands for Situation, Task, Action, and Results. The method works by having candidates craft their answers to describe a situation, the required task, their chosen action, and the result of that action, putting their past work experience into context.
To help you prepare, review the following commonly-asked interview questions and consider your responses.
6. Determine the most important parts of a position to you and look for them in your search.
What’s important to you in a company and position?
Is it flexibility in terms of work hours?
Do you require the ability to work remotely full or part-time, or do you want to go into an office every day? Refer back to your dream career must-haves list.
Do you care about the size of the team you’ll be on?
Think about these types of questions when determining which opportunities to apply for so you can ensure the company and position are right for you — and vice versa — before spending time on the application.
For example, if a top-rated workplace culture is important to your application process, review the websites of the companies you’re considering to learn about their culture-related initiatives. Take a look at HubSpot to understand what I mean — HubSpot’s unique Culture Code is explained on their career page as well as in many other locations throughout the company website and Blog. This allows applicants to learn about the importance of workplace culture to the company and its employees as well as how it plays a part in the interview and hiring processes.
7. Think about how you’ll manage an offer.
The final part of your hunt for the perfect position is also the most exciting — accepting an offer!
Once you receive a job offer, be sure to get all of the details about the position, including salary, benefits, and expected start date (along with any other important details).
Remember, it’s normal — and often expected — to ask for some time to consider an offer upon receipt so you have the opportunity to think about and review it in detail before officially accepting it. If you ask, a hiring manager may give you a day, two days, or even a full work week to make a decision.
Don’t be afraid to decline an offer if the specific opportunity isn’t the right fit for you. Other offers will come around — be patient and wait for the one that makes you excited.
Also, you may choose to negotiate your starting salary upon receiving your offer. There are professional and realistic ways to negotiate your salary that you can follow to ensure the process goes smoothly.
Lastly, give your current employer two weeks’ notice — this will allow them to begin searching for your replacement if necessary or at least provide them with a cushion in terms of time to make any necessary adjustments.
How to Find a Remote Job
Today, remote work has become increasingly popular. With technology that allows you to collaborate with team members in real-time from anywhere in the world, instant message, and meet via video chat, remote work has become a more common perk offered by businesses across all industries.
Whether you’d like to become a digital nomad, or you’re looking for a position that’s part-time or full-time remote, there’s an option for you. So, let’s take a look at how you can find your dream remote position.
Note: When searching for a remote job, you can follow most of the same steps that you would if you were looking for a non-remote job — as we reviewed above. However, instead of using the job sites we mentioned earlier, you’ll want to use job sites specifically created for posting and identifying remote opportunities.
But before you review those sites, take some time to think about the pros and cons of a remote position.
Pros and Cons of Remote Work
Now, it’s important to remember that depending on your point of view, work style, career goals, and preferences, you may find some of the following points to be under the incorrect column in your eyes — that’s totally fine … it’s all a matter of perspective.
Pros of Remote Work
Cons of Remote Work
Lack of office space or work-related events to attend with colleagues
Ability to work from anywhere
Possibility of feeling lonely or unmotivated
Increases employee retention and loyalty (by providing this option for employees upon being hired or later in one’s career)
Little work-day structure
Increases size of talent pool which is a positive for businesses looking for the best possible candidates
Can make team communication difficult
Remote Job Search Sites
Now, back to those job search sites specific for remote opportunities we mentioned — here are a few of the most popular options for you to pull from.
Note: If you’re looking for a part-time remote position, you might want to focus on applying for freelance opportunities.
- AngelList is a startup community. The site includes a job finder in which users can search specifically for remote work in the world of startups. There are also a number of articles published on AngelList’s Blog which provide insight into remote work, remote culture, and related opportunities for users to learn from and use for inspiration.
- FlexJobs lists a wide range of flexible (hence their name) opportunities on their site including part and full-time positions that are either partially or completely remote. As a job seeker, you have the support of the company’s trained researchers who work to identify and screen these positions to ensure they’re legitimate and worthwhile (no matter if you are entry-level or an executive).
- WeWorkRemotely offers a wide range of categories and industries for job seekers to browse and learn about remote opportunities. They have a number of resources on their site for users to educate themselves with as well as determine which specific type of remote positions would be ideal for their career goals.
Begin Your Job Search
Starting the job search process can be overwhelming at times. So, remember to use job search sites to narrow your search and take advantage of the wide array of resources available to job seekers today to help identify the right opportunities for you. Then, prepare for your interviews and remember to be patient — that dream job of yours might just be around the corner.
Editor’s note: This post was originally published in February 2019 and has been updated for comprehensiveness.
A Complete Guide to Color Wheels & Color Schemes
While text-based content is always important when seeking answers to a question, creating visuals such as infographics, charts, graphs, animated GIFs, and other shareable images can do wonders for catching your readers’ attention and enhancing your article or report. Knowing color theory and design can help you make content stand out.
I know what you might be thinking: “I don’t know how to design awesome visuals. I’m not creative.” Neither am I, yet I found a strength in data visualization at HubSpot, where I’ve spent most of my days creating infographics and other visuals for blog posts.
Consider this your introductory course to color theory, types of color schemes, and the use of palettes. We’ll be covering the following topics:
What is color theory?
Color theory is the basis for the primary rules and guidelines that surround color and its use in creating aesthetically pleasing visuals. By understanding color theory basics, you can begin to parse the logical structure of color for yourself to create and use color palettes more strategically. The result means evoking a particular emotion, vibe, or aesthetic.
Why is color theory important in web design?
Color is an important aspect, if not the most important aspect of design, and can influence the meaning of text, how users move around a particular layout, and what they feel as they do so. By understanding color theory, you can be more intentional in creating visuals that make an impact.
While there are many tools out there to help even the most inartistic of us to create compelling visuals, graphic design tasks require a little more background knowledge on design principles.
Take selecting the right color combination, for instance. It’s something that might seem easy at first but when you’re staring down a color wheel, you’re going to wish you had some information on what you’re looking at. In fact, brands of all sizes use color psychology to learn how color influences decision-making and affects design.
Understanding how colors work together, the impact they can have on mood and emotion, and how they change the look and feel of your website is critical to help you stand out from the crowd — for the right reasons.
From effective CTAs to sales conversions and marketing efforts, the right color choice can highlight specific sections of your website, make it easier for users to navigate, or give them a sense of familiarity from the first moment they click through.
But it’s not enough to simply select colors and hope for the best — from color theory to moods and schemes, finding the right HTML color codes, and identifying web-accessible colors for products and websites, the more you know about using color, the better your chances are for success.
Read on for our designer’s guide to color theory, color wheels, and color schemes for your site.
Color Theory 101
Let’s first go back to high school art class to discuss the basics of color.
Remember hearing about primary, secondary, and tertiary colors? They’re pretty important if you want to understand, well, everything else about color.
Primary colors are those you can’t create by combining two or more other colors together. They’re a lot like prime numbers, which can’t be created by multiplying two other numbers together.
There are three primary colors:
Think of primary colors as your parent colors, anchoring your design in a general color scheme. Any one or combination of these colors can give your brand guardrails when you move to explore other shades, tones, and tints (we’ll talk about those in just a minute).
When designing or even painting with primary colors, don’t feel restricted to just the three primary colors listed above. Orange isn’t a primary color, for example, but brands can certainly use orange as their dominant color (as we at HubSpot know this quite well).
Knowing which primary colors create orange is your ticket to identifying colors that might go well with orange — given the right shade, tone, or tint. This brings us to our next type of color …
Secondary colors are the colors that are formed by combining any two of the three primary colors listed above. Check out the color theory model above — see how each secondary color is supported by two of the three primary colors?
There are three secondary colors: orange, purple, and green. You can create each one using two of the three primary colors. Here are the general rules of secondary color creation:
- Red + Yellow = Orange
- Blue + Red = Purple
- Yellow + Blue = Green
Keep in mind that the color mixtures above only work if you use the purest form of each primary color. This pure form is known as a color’s hue, and you’ll see how these hues compare to the variants underneath each color in the color wheel below.
Tertiary colors are created when you mix a primary color with a secondary color.
From here, color gets a little more complicated, and if you want to learn how the experts choose color in their design, you’ve got to first understand all the other components of color.
The most important component of tertiary colors is that not every primary color can match with a secondary color to create a tertiary color. For example, red can’t mix in harmony with green, and blue can’t mix in harmony with orange — both mixtures would result in a slightly brown color (unless of course, that’s what you’re looking for).
Instead, tertiary colors are created when a primary color mixes with a secondary color that comes next to it on the color wheel below. There are six tertiary colors that fit this requirement:
- Red + Purple = Red-Purple (magenta)
- Red + Orange = Red-Orange (vermillion)
- Blue + Purple = Blue-Purple (violet)
- Blue + Green = Blue-Green (teal)
- Yellow + Orange = Yellow-Orange (amber)
- Yellow + Green = Yellow-Green (chartreuse)
The Color Theory Wheel
Okay, great. So now you know what the “main” colors are, but you and I both know that choosing color combinations, especially on a computer, involves a much wider range than 12 basic colors.
This is the impetus behind the color wheel, a circle graph that charts each primary, secondary, and tertiary color — as well as their respective hues, tints, tones, and shades. Visualizing colors in this way helps you choose color schemes by showing you how each color relates to the color that comes next to it on a rainbow color scale. (As you probably know, the colors of a rainbow, in order, are red, orange, yellow, green, blue, indigo, and violet.)
When choosing colors for a color scheme, the color wheel gives you opportunities to create brighter, lighter, softer, and darker colors by mixing white, black, and gray with the original colors. These mixes create the color variants described below:
Hue is pretty much synonymous with what we actually mean when we said the word “color.” All of the primary and secondary colors, for instance, are “hues.”
Hues are important to remember when combining two primary colors to create a secondary color. If you don’t use the hues of the two primary colors you’re mixing together, you won’t generate the hue of the secondary color. This is because a hue has the fewest other colors inside it. By mixing two primary colors that carry other tints, tones, and shades inside them, you’re technically adding more than two colors to the mixture — making your final color dependent on the compatibility of more than two colors.
If you were to mix the hues of red and blue together, for instance, you’d get purple, right? But mix a tint of red with the hue of blue, and you’ll get a slightly tinted purple in return.
You may recognize the term “shade” because it’s used quite often to refer to light and dark versions of the same hue. But actually, a shade is technically the color that you get when you add black to any given hue. The various “shades” just refer to how much black you’re adding.
A tint is the opposite of a shade, but people don’t often distinguish between a color’s shade and a color’s tint. You get a different tint when you add white to a color. So, a color can have a range of both shades and tints.
Tone (or Saturation)
You can also add both white and black to a color to create a tone. Tone and saturation essentially mean the same thing, but most people will use saturation if they’re talking about colors being created for digital images. Tone will be used more often for painting.
With the basics covered, let’s dive into something a little more complicated — like additive and subtractive color theory.
Additive & Subtractive Color Theory
If you’ve ever played around with color on any computer program, you’ve probably seen a module that listed RGB or CMYK colors with some numbers next to the letters.
Ever wondered what those letters mean?
CMYK stands for Cyan, Magenta, Yellow, Key (Black). Those also happen to be the colors listed on your ink cartridges for your printer. That’s no coincidence.
CMYK is the subtractive color model. It’s called that because you have to subtract colors to get to white. That means the opposite is true — the more colors you add, the closer you get to black. Confusing, right?
Think about printing on a piece of paper. When you first put a sheet in the printer, you’re typically printing on a white piece of paper. By adding color, you’re blocking the white wavelengths from getting through.
Then, let’s say you were to put that printed piece of paper back into the printer, and print something on it again. You’ll notice the areas that have been printed on twice will have colors closer to black.
I find it easier to think about CMYK in terms of its corresponding numbers. CMYK works on a scale of 0 to 100. If C=100, M=100, Y=100, and K=100, you end up with black. But, if all four colors equal 0, you end up with true white.
RGB color models, on the other hand, are designed for electronic displays, including computers.
RGB stands for Red, Green, Blue, and is based on the additive color model of light waves. This means, the more color you add, the closer you get to white. For computers, RGB is created using scales from 0 to 255. So, black would be R=0, G=0, and B=0. White would be R=255, G=255, and B=255.
When you’re creating color on a computer, your color module will usually list both RGB and CMYK numbers. In practice, you can use either one to find colors, and the other color model will adjust accordingly.
However, many web programs will only give you the RGB values or a HEX code (the code assigned to color for CSS and HTML). So, if you’re designing digital images or for web design, RGB is probably your best bet for choosing colors.
You can always convert the design to CMYK and make adjustments should you ever need it for printed materials.
The Meaning of Color
Along with varying visual impact, different colors also carry different emotional symbolism.
- Red — typically associated with power, passion, or energy, and can help encourage action on your site
- Orange — joy and enthusiasm, making it a good choice for positive messaging
- Yellow — happiness and intellect, but be wary of overuse
- Green — often connected to growth or ambition, green can help give the sense that your brand is on the rise
- Blue — tranquility and confidence, depending on the shade — lighter shades provide a sense of peace, darker colors are more confident
- Purple — luxury or creativity, especially when used deliberately and sparingly on your site
- Black — power and mystery, and using this color can help create necessary negative space
- White — safety and innocence, making it a great choice to help streamline your site
Worth noting? Different audiences may perceive colors differently. The meanings listed above are common for North American audiences, but if your brand moves into other parts of the world, it’s a good idea to research how users will perceive particular colors. For example, while red typically symbolizes passion or power in the United States, it’s considered a color of mourning in South Africa.
While it’s possible to create your website using a combination of every color under the rainbow, chances are the final product won’t look great. Thankfully, color experts and designers have identified seven common color schemes to help jumpstart your creative process.
What are the seven types of color schemes?
The seven major color schemes are monochromatic, analogous, complementary, split complementary, triadic, square, and rectangle (or tetradic).
Let’s examine each type of color scheme in more detail.
Monochromatic color schemes use a single color with varying shades and tints to produce a consistent look and feel. Although it lacks color contrast, it often ends up looking very clean and polished. It also allows you to easily change the darkness and lightness of your colors.
Monochromatic color schemes are often used for charts and graphs when creating high contrast isn’t necessary.
Check out all the monochromatic colors that fall under the red hue, a primary color.
Analogous color schemes are formed by pairing one main color with the two colors directly next to it on the color wheel. You can also add two additional colors (which are found next to the two outside colors) if you want to use a five-color scheme instead of just three colors.
Analogous structures do not create themes with high contrasting colors, so they’re typically used to create a softer, less contrasting design. For example, you could use an analogous structure to create a color scheme with autumn or spring colors.
This color scheme is great for creating warmer (red, oranges, and yellows) or cooler (purples, blues, and greens) color palettes like the one below.
Analogous schemes are often used to design images rather than infographics or bar charts as all of the elements blend together nicely.
The complementary color scheme provides the greatest amount of color contrast. Because of this, you should be careful about how you use the complementary colors in a scheme.
It’s best to use one color predominantly and use the second color as accents in your design. The complementary color scheme is also great for charts and graphs. High contrast helps you highlight important points and takeaways.
4. Split Complementary
A split complementary scheme includes one dominant color and the two colors directly adjacent to the dominant color’s complement. This creates a more nuanced color palette than a complementary color scheme while still retaining the benefits of contrasting colors.
The split complementary color scheme can be difficult to balance because unlike analogous or monochromatic color schemes, the colors used all provide contrast (similar to the complementary scheme).
The positive and negative aspect of the split complementary color model is that you can use any two colors in the scheme and get great contrast … but that also means it can also be tricky to find the right balance between the colors. As a result, you may end up playing around with this one a bit more to find the right combination of contrast.
Triadic color schemes offer high contrasting color schemes while retaining the same tone. Triadic color schemes are created by choosing three colors that are equally placed in lines around the color wheel.
Triad color schemes are useful for creating high contrast between each color in a design, but they can also seem overpowering if all of your colors are chosen on the same point in a line around the color wheel.
To subdue some of your colors in a triadic scheme, you can choose one dominant color and use the others sparingly, or simply subdue the other two colors by choosing a softer tint.
The triadic color scheme looks great in graphics like bar or pie charts because it offers the contrast you need to create comparisons.
The square color scheme uses four colors equidistant from each other on the color wheel to create a square or diamond shape. While this evenly-spaced color scheme provides substantial contrast to your design, it’s a good idea to select one dominant color rather than trying to balance all four.
Square color schemes are great for creating interest across your web designs. Not sure where to start? Pick your favorite color and work from there to see if this scheme suits your brand or website. It’s also a good idea to try square schemes against both black and white backgrounds to find the best fit.
Also called the tetradic color scheme, the rectangle approach is similar to its square counterpart but offers a more subtle approach to color selection.
As you can see in the diagram above, while the blue and red shades are quite bold, the green and orange on the other side of the rectangle are more muted, in turn helping the bolder shades stand out.
No matter which color scheme you choose, keep in mind what your graphic needs. If you need to create contrast, then choose a color scheme that gives you that. On the other hand, if you just need to find the best “versions” of certain colors, then play around with the monochromatic color scheme to find the perfect shades and tints.
Remember, if you build a color scheme with five colors, that doesn’t mean you have to use all five. Sometimes just choosing two colors from a color scheme looks much better than cramming all five colors together in one graphic.
Examples of Color Schemes
Now that you are familiar with color scheme types, let’s take a look at some in the wild.
The use of blues and purples really make this monochromatic blueberry-inspired template stand out. Each shade builds on the next and provides ample contrast despite remaining within the same color family.
As we mentioned earlier, nature is a great way to get inspiration for your color palette. Why? Because mother nature already has it figured out. Newfoundland and Labrador Tourism took advantage of these triadic shades to showcase the region’s natural beauty.
How to Choose a Color Scheme
- Leverage natural inspiration.
- Set a mood for your color scheme.
- Consider color context.
- Refer to your color wheel.
- Draft multiple designs.
1. Leverage natural inspiration.
Once your site operations are solid, it’s time to start selecting colors.
Not sure what looks good? Take a look outside. Nature is the best example of colors that complement each other — from the green stems and bright blooms of flowering plants to azure skies and white clouds, you can’t go wrong pulling context from natural colors and combinations.
2. Set a mood for your color scheme.
With a few color choices in mind, consider the mood you want your color scheme to set. If passion and energy are your priorities, lean more toward red or brighter yellows. If you’re looking to create a feeling of peace or tranquility, trend toward lighter blues and greens.
It’s also worth thinking negatively. This is because negative space — in either black or white — can help keep your design from feeling too cluttered with color.
3. Consider color context.
It’s also worth considering how colors are perceived in contrast.
In the image below, the middle of each of the circles is the same size, shape, and color. The only thing that changes is the background color.
Yet, the middle circles appear softer or brighter depending on the contrasting color behind it. You may even notice movement or depth changes just based on one color change.
This is because the way in which we use two colors together changes how we perceive it. So, when you’re choosing colors for your graphic designs, think about how much contrast you want throughout the design.
For instance, if you were creating a simple bar chart, would you want a dark background with dark bars? Probably not. You’d most likely want to create a contrast between your bars and the background itself since you want your viewers to focus on the bars, not the background.
4. Refer to your color wheel.
Next, consider your color wheel and the schemes mentioned above. Select a few different color combinations using schemes such as monochrome, complementary, and triad to see what stands out.
Here, the goal isn’t to find exactly the right colors on the first try and create the perfect design, but rather to get a sense of which scheme naturally resonates with your personal perception and the look of your site.
You may also find that schemes you select that look good in theory don’t work with your site design. This is part of the process — trial and error will help you find the color palette that both highlights your content and improves the user experience.
5. Draft multiple designs.
Draft and apply multiple color designs to your website and see which one(s) stand out. Then, take a step back, wait a few days and check again to see if your favorites have changed.
Here’s why: While many designers go in with a vision of what they want to see and what looks good, the finished product often differs on digital screens that physical color wheels — what seemed like a perfect complement or an ideal color pop may end up looking drab or dated.
Don’t be afraid to draft, review, draft again and throw out what doesn’t work — color, like website creation, is a constantly-evolving art form.
How to Use Color Palettes
While color schemes provide a framework for working with different colors, you’ll still need to use a color palette — the colors you will select to use for your project. If you’re stumped about what colors to use, consider using a palette generator to get your creativity flowing.
Here are some best practices to make the most out of your color palette:
1. Work in grayscale.
This may sound counter-intuitive but starting with black and white can help you see exactly how much contrast exists in your design. Before getting started with color, it’s important to lay out all the elements like text, CTAs, illustrations, photos, and any other design features. The way your design looks in grayscale will determine how well it looks in color. Without enough light and dark contrast, your design will be hard to view, leaving your audience with a less than satisfactory user experience. Low contrast designs also make them inaccessible for those with a vision impairment.
2. Use the 60-30-10 rule.
Often used in home design, the 60-30-10 rule is also useful for website or app design.<
- 60%: primary or main color
- 30%: secondary colors
- 10%: accent colors
While you’re certainly not limited to using just three colors, this framework will provide balance and ensure your colors work together seamlessly.
3. Experiment with your palette.
Once you’ve made your color selection, experiment to discover which work better together. Consider how copy or type looks on top of your designated main color (60% is typically used as the background color).
Try not to use your main colors for buttons since you’re already using it everywhere else. Consider one of your accent colors instead.
4. Get feedback or conduct A/B testing.
So you’ve finished your draft. Now it’s time to test it. Before sending your design to market, you’ll want to test how users interact with it. What may look good to you, may be difficult to read for others. Some things to consider when asking for feedback:
- Are the CTAs generating attention?
- Are the colors you chose distracting?
- Is there enough color contrast?
- Is the copy legible?
Getting another set of eyes on your design will help you spot errors or inconsistencies you may have missed in the creation process. Take their feedback in stride and make adjustments where needed.
Put simply? Practice makes perfect. The more you play with color and practice design, the better you get. No one creates their masterpiece the first time around.
There’s been a lot of theory and practical information for actually understanding which colors go best together and why. But when it comes down to the actual task of choosing colors while you’re designing, it’s always a great idea to have tools to help you actually do the work quickly and easily.
Luckily, there are a number of tools to help you find and choose colors for your designs.
One of my favorite color tools to use while I’m designing anything — whether it’s an infographic or just a pie chart — is Adobe Color (previously Adobe Kuler).
This free online tool allows you to quickly build color schemes based on the color structures that were explained earlier in this post. Once you’ve chosen the colors in the scheme you’d like, you can copy and paste the HEX or RGB codes into whatever program you’re using.
It also features hundreds of premade color schemes for you to explore and use in your own designs. If you’re an Adobe user, you can easily save your themes to your account.
Illustrator Color Guide
I spend a lot of time in Adobe Illustrator, and one of my most-used features is the color guide. The color guide allows you to choose one color, and it will automatically generate a five-color scheme for you. It will also give you a range of tints and shades for each color in the scheme.
If you switch your main color, the color guide will switch the corresponding colors in that scheme. So if you’ve chosen a complementary color scheme with the main color of blue, once you switch your main color to red, the complementary color will also switch from orange to green.
Like Adobe Color, the color guide has a number of preset modes to choose the kind of color scheme you want. This helps you pick the right color scheme style within the program you’re already using.
After you’ve created the color scheme that you want, you can save that scheme in the “Color Themes” module for you to use throughout your project or in the future.
Preset Color Guides
If you’re not an Adobe user, you’ve probably used Microsoft Office products at least once. All of the Office products have preset colors that you can use and play around with to create color schemes. PowerPoint also has a number of color scheme presets that you can use to draw inspiration for your designs.
Where the color schemes are located in PowerPoint will depend on which version you use, but once you find the color “themes” of your document, you can open up the preferences and locate the RGB and HEX codes for the colors used.
You can then copy and paste those codes to be used in whatever program you’re using to do your design work.
Finding the Right Color Scheme
There’s a lot of theory in this post, I know. But when it comes to choosing colors, understanding the theory behind color can do wonders for how you actually use color. This can make creating branded visuals easy, especially when using design templates where you can customize colors.
Editor’s note: This article was originally published in June 2021 and has been updated for comprehensiveness.