How to Use Color on Your Church Website (The 70-20-10 Rule)

Last weekend I decided to finally clean the garage. It was dirtier than I thought - filthy, actually. That’s why I was amazed when I finished the whole project in under 3 hours. When it comes to your church branding and design, there are probably some things that you’ve thought about cleaning up but have been wary of starting. What if it takes longer than you thought it would? What if it’s going to cost you money to fix? It can be easy to ignore these minor issues until they turn into bigger ones. The problem is that we often underestimate how bad things really are. If you looked into it, you might find that your website actually doesn’t work on certain browsers, or that there are 7 different versions of your logo floating around. This spring-summer season is a great time to clean up those divergent designs and maybe even do a light branding refresh. Tending your brand means addressing problems before they accumulate for too long, or it will quickly get out of control.

Got a website for your church but it’s missing that extra-clean, professional look? I’ve got four tips for you today that are guaranteed to make it better. If you do these things, your web visitors will have an easier time finding what they’re looking for and you’ll have more people walking through your church’s digital front door. 1. Be Selective with Content The more different pieces of content there are on your site, the less likely visitors are to read any of it. Reduce the amount of information you’re presenting and cut any text that isn’t absolutely necessary. Pro tip: write as if you’re explaining your church to a total stranger at a 4th grade reading level. Here are a few practical ways to slice and dice: Headings should be between 1-10 words Paragraphs should be less than 50 words Use bulleted lists instead of sentences with commas 2. Increase Font Sizes If your content has been distilled to follow the word counts above, you’ll be able to bump up the size of your headings and body copy. This makes the site easier to skim, and helps older readers who might struggle with small text. I recommend 20-25px for body text, and 48-72px for your largest heading. 3. Provide a Clear Call to Action If someone happens to land on your website, you want to give them a clear next step, just like you would for a visitor who to your church on Sunday morning. Whether that’s filling out a digital connection card or watching your service livestream, make sure that there is a stand-out action someone can take, and that each button says exactly what it does. Pro tip: Avoid links and buttons that say like “Learn More” or “Click Here.” Instead, use labels that are specific and tell the user what to expect when they click that particular button. 4. Prioritize Menu Items Just like cutting down text, you also want to reduce the number of options you’re presenting to visitors. I’m working on a website refresh right now with an organization whose old website had FIFTY FIVE different links in the main menu. The decision paralysis and brainpower it takes to find what you’re looking for can get overwhelming very fast. Try to limit your main menu to 5 options or less. You can always link to additional pages from one of those main pages, but this approach keeps everything organized and easy to navigate.

So you want to put professional-looking photos on your church website. That’s great, but where do you start? Who do you hire? What shots do you need? The main thing to remember is that you want to show the benefits of your church. Why do people attend? What makes your church uniquely valuable as a local congregation? Website photos and videos should show the benefits you’re known for and set realistic expectations. Church website imagery is especially important because it’s giving potential visitors a taste of what it’s like to attend, while also reminding existing members of the reason they come. That said, how can you get the most out of your time and resources? Here are my recommendations. Book a local photographer for a Sunday morning and ask them for a list of shots that looks something like this: Parking Lot / Building Greeters Bulletins / Merch Worship Preaching Fellowship Baptisms or other significant moments Bonus tip: If you can find a little more budget, use a videographer instead and ask for stills from the footage they capture. Now you have professional video and photos. Much like a rebrand, if you do this right, you won’t have to do it again for a very long time. Put your new photos and video on the most visited pages of your website, and let them go to work. While you’re off focusing on ministry, they’ll be consistently connecting with people who are looking for a church home, and tending that part of your brand for you.

We’ve established that you need a church website, but what makes a website "good?" Out of pride, I'd like to say that a well-balanced, memorable logo and strong color palette are the most important things, but I'd be lying. Professional-looking photos and videos are the most permanent and powerful way to make your website stand out. Let’s face it, people can identify a stock image from a mile away, and while AI is getting better all the time, it’s not good at generating images that feel like genuine, authentic interactions at a real place. Most websites will need maintenance and updates from time to time, but a strong image on your website’s homepage is something you'll never have to worry about updating. That’s why even a few high-quality images can make all the difference. Take them once, and they do the work of resonating with potential visitors over and over again, forever. In a future post, I’ll share how I recommend churches should get professional photos and videos for their websites. Especially how to get the most bang for their buck when they do so... stay tuned!

Just use red? Can it really be that simple? Red is historically a color used by churches of all denominations, and it checks all the boxes I’ve mentioned so far in this color selection series. ✅ It makes a bold hero color and contrasts with both white and black. ✅ Among other biblical tie-ins, red symbolizes the blood of Christ that is offered in the gospel. ✅ Almost every church building or location has some form of red that can be sampled for a close match. There are an infinite number of shades of red that can work for a church brand identity. Even if you’re not using red as one of your core colors, see if there’s a place for it in your supporting color palette. P.S. This week I’m focusing on church brand color selection principles, which I’ve gathered the hard way from years of church rebrands. If you want the complete guide, I’ve collected all of the principles into a single post here.

Carefully crafting color categories can catalyze cohesion. Alliteration aside, the categories or buckets you sort your colors into will determine the overall look and feel of your church’s brand. If you try to use too many colors spread out across different channels, your visual identity can start to feel incoherent and disjointed. Core colors Keeping the visual identity unified is why we normally pick 2 to 4 “core colors,” which are the duo, trio, or quartet that glue your whole brand together. Core colors can help focus the look of the brand and make it recognizable by a particular combination of colors alone. This also means core colors must be used and guarded more carefully than other colors. Supporting colors Supporting colors are generally taken from other parts of the color spectrum. We do this to add a certain level of variety and depth to the overall brand. Having supporting colors sprinkled in throughout your brand helps prevent it from being strictly monochromatic, which can come across as flat or boring. Even if your core colors aren’t monochromatic, they can be easy to overuse, diluting their impact and handicapping their ability to grab attention. So, to sum up, distinguishing between core colors and supporting colors is all about proportions and ratios. Disproportionate use of even the perfect palette can send the wrong message, so prioritize which colors you want to stand out and maintain that balance. P.S. This week I’m focusing on church brand color selection principles, which I’ve gathered the hard way from years of church rebrands. If you want the complete guide, I’ve collected all of the principles into a single post here.

Look for symbolism Just like with your church logo, you’ll want layers of meaning and depth behind your church color choices. One way to accomplish this is through symbolism. Colors are symbolic because they can bring to mind a mix of material things and abstract ideas. Here are a few examples… but before I share them with you, keep in mind that these colors are broad and have many different meanings associated with them. The symbolism I’m focusing on here is related specifically to churches, and how a church might use these for their brand colors. Don’t start using them without doing your own research as well. Okay, with that out of the way, here are some color symbolism examples: Gold Gold can communicate permanency, age, and class. It symbolizes kingship, wealth, and light. Orange Orange can communicate energy, friendliness, and youthfulness. It symbolizes flowers, fire, and sunsets. Red Red can communicate courage, warmth, and gravity. It symbolizes blood, life, love, and sometimes purity. Purple Purple can communicate spirituality, depth, and confidence. It symbolizes royal robes, heaven, and wisdom. Teal Teal can communicate balance, peace, and renewal. It symbolizes healing, water, and growth. If you want to go deeper, here’s where you can read more on color symbolism and usage (from a secular source). P.S. This week I’m focusing on church brand color selection principles, which I’ve gathered the hard way from years of church rebrands. If you want the complete guide, I’ve collected all of the principles into a single post here.

Brand colors aren’t always black and white (wink), so this week I’m answering the following questions: How do you get buy-in and agreement on what the colors should be? How do you know which colors to use more and which to use less? How do you stay confident in your colors over years and years? Those questions all have the same answer: timeless color selection principles. I’m giving you mine, which I’ve gathered the hard way from years of church rebrands. If you want the complete guide, I’ve collected all of these principles into a single post here. Sample Everything In a vacuum, it’s easy for one person to pick colors that “look good.” But when the stakes are high and the colors have look good to more people in more contexts, suddenly things get trickier. Sampling colors from the real world can be a great starting point for palettes that feel cohesive and familiar. Palettes taken from nature, architecture, and even human features translate surprisingly well to both digital and print. Scottish tweed makers will go out into the countryside, capture a swatch of colors from their environment, and use those colors in their designs. What’s stopping us from doing the same thing? Find or take a photo of your church building, its surroundings, or something in your environment that fits the aesthetic you’re going for. Pull the image into a tool like Coolors.co and start sampling. You’ll notice that the palettes you can create will have light colors in the highlights of the image, dark colors in the shadows, and mid tones which are more vibrant or less vibrant. You’ll want at least one of each. Then, when you’re feeling good about a particular palette, you can go beyond the screen to a Home Depot or Sherwin Williams paint store. Gather swatches close to the colors in your palette, and compare them in different real-life environments. If you follow these steps for sampling, it’s hard to go wrong.

Look for symbolism Just like with your church logo, you’ll want layers of meaning and depth behind your church color choices. One way to accomplish this is through symbolism. Colors are symbolic because they can bring to mind a mix of material things and abstract ideas. Here are a few examples… but before I share them with you, keep in mind that these colors are broad and have many different meanings associated with them. The symbolism I’m focusing on here is related specifically to churches, and how a church might use these for their brand colors. Don’t start using them without doing your own research as well. Okay, with that out of the way, here are some color symbolism examples: Gold Gold can communicate permanency, age, and class. It symbolizes kingship, wealth, and light. Orange Orange can communicate energy, friendliness, and youthfulness. It symbolizes flowers, fire, and sunsets. Red Red can communicate courage, warmth, and gravity. It symbolizes blood, life, love, and sometimes purity. Purple Purple can communicate spirituality, depth, and confidence. It symbolizes royal robes, heaven, and wisdom. Teal Teal can communicate balance, peace, and renewal. It symbolizes healing, water, and growth. If you want to go deeper, here’s where you can read more on color symbolism and usage (from a secular source). P.S. This week I’m focusing on church brand color selection principles, which I’ve gathered the hard way from years of church rebrands. If you want the complete guide, I’ve collected all of the principles into a single post here.

Brand colors aren’t always black and white (wink), so this week I’m answering the following questions: How do you get buy-in and agreement on what the colors should be? How do you know which colors to use more and which to use less? How do you stay confident in your colors over years and years? Those questions all have the same answer: timeless color selection principles. I’m giving you mine, which I’ve gathered the hard way from years of church rebrands. If you want the complete guide, I’ve collected all of these principles into a single post here. Sample Everything In a vacuum, it’s easy for one person to pick colors that “look good.” But when the stakes are high and the colors have look good to more people in more contexts, suddenly things get trickier. Sampling colors from the real world can be a great starting point for palettes that feel cohesive and familiar. Palettes taken from nature, architecture, and even human features translate surprisingly well to both digital and print. Scottish tweed makers will go out into the countryside, capture a swatch of colors from their environment, and use those colors in their designs. What’s stopping us from doing the same thing? Find or take a photo of your church building, its surroundings, or something in your environment that fits the aesthetic you’re going for. Pull the image into a tool like Coolors.co and start sampling. You’ll notice that the palettes you can create will have light colors in the highlights of the image, dark colors in the shadows, and mid tones which are more vibrant or less vibrant. You’ll want at least one of each. Then, when you’re feeling good about a particular palette, you can go beyond the screen to a Home Depot or Sherwin Williams paint store. Gather swatches close to the colors in your palette, and compare them in different real-life environments. If you follow these steps for sampling, it’s hard to go wrong.

Where is the line between taking inspiration and being a copycat? There’s a legal answer, but that’s not always helpful when it comes to doing something original. I’ll briefly mention trademark infringements with a recent example from the corporate world, but then I’ll come back to the simple, common sense principle I follow to avoid unintended likenesses. The Legal Threshold According to US copyright law, changing 25% of an original work is enough to avoid infringement… most of the time. There are cases like this Bucc-ees lawsuit where some changes and tweaks aren’t enough. But if I had to guess, you’re probably not interested in toeing the line and copying as much as possible from other organizations without getting in trouble. You probably want to know, “How do I extract the best ideas from someone else’s branding, without letting it influence ours too much?” The Common Sense Answer Take inspiration from more than one place. It sounds simple, but this is really all there is to it. This is the approach I use when designing anything: Gather inspiration from at least five different sources. List the features of each that stand out as relevant to the project Start creating and see how those features interact Take inspiration from more than one source, and you’ll never have to worry about copying someone else.

Okay, so the title is a little hyperbolic. But picking colors really is one of the most mysterious and notional aspects of branding. That’s why today I want to help demystify this part of a church rebrand. Demonstrating intentionality is arguably the most important part of any church rebrand, and that applies not just to color but to every design choice. If you can show a proven, meaningful process was used, it can generate tremendous buy-in and overcome objections. In this post, I’ll overview that proven, meaningful process. We’ll look at where to find good colors and how to harmonize them, ultimately creating a pleasing, God-glorifying palette. A color palette built with this process is hard to argue with! Where to Find Good Colors The short answer is: in God’s created world! I recently was listening to this podcast episode about color, painting, and art (not as boring as it sounds). The guest, Forrest Dickinson, talked about how Scottish tweed makers will go out into the countryside, capture a swatch of colors from their environment, and use those colors in their designs. What’s stopping us from doing the same thing? Find or take a photo of your church building, its surroundings, or something in your environment that fits the aesthetic you’re going for. This is going to be your reference image. How to Harmonize Your Church Colors Color is light. And much like sound, it has different wavelengths that represent different parts of a spectrum. When those wavelengths align in certain patterns, they harmonize. A great place to start is by choosing what I like to call “Core Colors.” Your core colors are the duo, trio, or quartet that glue your whole brand together. Start by choosing a light and a dark. This could be white and black if you’re going for a very bold and edgy vibe. I like to choose an off-white or pastel from the highlights in my reference image and a dark color from the shadows. Then, choose one or two more saturated colors between your light and dark in terms of brightness. These should be more vibrant and pop a little more. Type out your church name in a Word Doc or in Canva. Make the background one color and the text another color from your core color palette. Try different combinations for the text and background. Is the text readable in most of them? If not, you may want to adjust the values until they have better contrast. If you follow these steps, you’re more likely than not to come up with a pleasing, Christ-honoring harmony of colors that will be functional in print and digital spaces! Try it for yourself.