by Nate Hoffelder

After a decade of running The Digital Reader, Nate is a veteran web publisher with experience in design, maintenance, recovery, and troubleshooting. What little he doesn't know, he can learn.

August 14, 2020

How to Safely Choose Colors for An Author Website

Choosing colors for an author website can be daunting. I should know (I’ve built more sites than I can count).

The colors on an author website need to send an important message to visitors, telling them what you write about, while at the same time bringing the visitor’s attention to the more important parts of your site. The site’s colors need to complement each other and the text in such a way that looks both vibrant and professional.

Color choice is incredibly important, and yet this is still something that even graphic designers get wrong. Negative outcomes abound, including aiming for colorful and instead ending up with garish, or choosing accent colors that distract attention from the text, or even worse choosing a background that renders the text illegible.

And just to add more complications, author websites have a burden that other websites do not: The site’s color scheme has to agree the author’s book covers. (This is harder than you might think.)

This topic is fraught with peril, so I thought it would help if I shared my system for choosing website colors.

But before I explain how I choose colors, I think I should explain how to avoid making mistakes.

How Not to Choose Colors

Generally speaking, I don’t use very many colors on a website. While some designers recommend using a palette of four to five colors, I rarely choose more than two accent colors.

While that sounds boring or bland, there is a method to my madness: I limit my color choices in order to make book covers look their best and to make sure the website’s text is as legible as possible. This is why I do not try to get creative with the background color or the text color.

Background

For starters. I usually leave the background color white because it is a neutral color, and that is usually the best color to compliment book covers. Remember, you want the book covers to stand out, so they need to be more colorful than the background.

Also, did you know that the background color can trick the eye and make your visitors think that your book covers are faded or use colors other than the ones you chose?

Let me give you an example. As you can see in the following images the squares labeled A and B appear to be entirely different shades, but in reality, they are actually the same shade of gray.

I can’t actually tell you how the background color will affect your book covers because the possible conflicts are boundless, but I do know that white is a safe choice, so I try to always go with white.

Text

As a rule, I usually leave the text color either a black or dark gray (on light background) or white (on dark backgrounds). This maximizes the contrast between the colors, thus making the text more legible for those of us with limited vision while at the same time avoiding a text/background combination that will be illegible to those with color blindness issues.

Many designers will choose a medium shade of gray on a white background because that meets the minimum standard for contrast and legibility. Or they might choose a different color because it is prettier than black.

The medium shade of gray is a bad idea because that forces readers with vision problems to struggle to read the text. Also, using a pretty color for the text can lead to problems when the text color clashes with the background color. Some combinations are illegible to all, while others such as red-green can be illegible to those with color blindness issues.

I do use some color on websites, so why don’t I explain how I choose the colors.

How to Choose Colors for Your Author Website

Everyone knows that you should choose a color palette for your website that either expresses your personality or defines your brand. That is generally sound advice, but what does it mean for author websites?

I have always taken that to mean that the colors of an author website should give visitors clues about the genre or non-fiction category that the author writes. This can cause complications or conflicting color choices for authors who write in multiple genres, but it’s still a good place to start.

Non-Fiction Authors

Look at the topic you write about, or the industry you work in, and ask yourself if there are any colors that make people think of your topic or industry… Greens and browns, for example, make people think of the environment, while black and yellow paired as alternating stripes will make people think of caution tape, or police tape.

What colors do you think of when your topic or industry comes to mind?

Fiction Authors

While non-fiction authors often have broad latitude for choosing colors for their website, fiction authors sometimes have very limited choices and run great risks in choosing the wrong colors. Romance, for example, has many subgenres, each with its own shade of red, pink, or maroon.

Using the wrong shade will lead visitors to conclude that an author writes contemporary romance when the author actually writes paranormal romance (just to give you two very different subgenres).

If you’re not sure what color goes with your genre, here’s my trick for choosing colors: I do is do a Google image search for the genre or subgenre plus the words “book cover”.

The thing about book covers is that cover designers also use colors to send signals to readers, just like authors need to do with their websites. Readers might not be able to tell you which genre uses which color, but they will be able to tell you a book’s genre by the color of its cover. (It is almost instinctual at this point.)

For example, if I were working with an SF author, I might search for “space opera book cover”. This generally turns up a few dozen book covers, giving me a good idea of what colors are being used in that subgenre.

As you can see in the following image, the above search shows that black is the base color for this subgenre, with accents supplied by green/yellow, blue/red, or blue/purple gradients.

  • Facebook
  • Pinterest
  • Twitter
  • LinkedIn
  • Buffer
</

BTW, I hope you noticed that most of these covers only use 2 or 3 colors (plus the font colors), just like I recommended for an author website. Note how the fonts really stand out on some covers (this is a sign of a good design).

Now that you have a good idea of how to choose colors for your author website, I have a few additional tips for you, including advice on where to go next.

  • Choosing website colors can be a lot of fun, but it is also far too easy to get swept up in the moment. I can’t tell you the number of times I have come up with a good design, and then kept tweaking it to the point that I ruined it. Don’t make my mistake, either know when to stop, or at least develop the habit of saving multiple copies of your work. This will let you go back to an earlier set of colors, and work from there.
  • In addition to choosing colors for your site, you should consider whether you could use any patterns (herringbone, hexagon, etc) you might use on your site in place of or in coordination with your site’s colors. The right pattern can sometimes tell your site’s visitors the genre or historical era you write in by reminding the visitor of wallpaper or tile work from that era.
  • And while you are looking at colors, you might also consider how you could use photos and images to decorate your site. This is a long topic in and of itself, which is why I can’t discuss it here.

Stay Up to Date


.

Hi, I'm Nate.

I build and fix websites for authors, and I am also a tech VA. I can build you a website that looks great and turns visitors into fans, and I can also fix your tech when it breaks. Let me fight with tech support so you don’t have to.

My blog has everything you need to know about websites and online services. Don’t see what you need. or want personalized help? Reach out.

 

You May Also Like…

0 Comments

Submit a Comment

Your email address will not be published. Required fields are marked *

Pin It on Pinterest