fbpx
  REQUEST A FREE CONSULTATION
Supercharge your SEO! Subscribe to our newsletter for the latest SEO tactics & best practices

2019 Website Color Schemes + 12 Modern Color Palette Tools

By
Updated July 23, 2019
No Comments

 
5
orange-blue-black-palette-2021

Tim Brown

Tim Brown is the owner of Hook Agency, and strategic marketer focused primarily on driving traffic and leads for small businesses and construction companies.

Ever since I started blogging in 2012 – the demand for more website color schemes has been insanely high. That’s why when I saw the AWSM Color Instagram I was fascinated. I couldn’t find these color schemes curated in any easy to save way on the internet anywhere. So why not share them for all of the folks looking for 2019 Website color schemes!

I hope you enjoy them as much as I did – and please follow AWSM Color on Instagram.

blue-dark-light-grey-schemeblue-pink-orange-color-schemespurple-pink-dark-color-schemepink-orange-tan-20201-color-schemes-2019green-tan-yellow-orange-color-schemes-2020orange-pink-color1-green-grey-colorblack-yellow-black-color-schemes-2021purple-color-scheme-2019color-pink-purple-palettepurple-grey-blue-black-color-palette-2020brown-orange-brown-2019blue-green-white-color-scheme-2019pink-purple-white-colorsblue-orange-grey-color-palette-scheme-trends-red-brown-pink-color-palette-2019pink-grey-black-color-palette-2018pink-purple-color-schemesawsm-color-2019pink-orange-purple-color-schemetan-creme-makeup-fashion-palette-2019-web-design-schemes-trendsblue-green-grey-colors-2019brown-pink-tan-color-palette-2019orange-blue-black-palette-20211-color-scheme-20191-purple-orange-pink-schemes1-brown-tan-colors-pallettes-2019orange-black-grey-modern-color-palette-schemesgreen-grey-brown-color-scheme-2019blue-green-grey-color-scheme-2019pink-green-dark-green-grey-2017-schemespink-purple-yellow-grey-palette-scheme

 


12 Modern Color Palette Tools to Use in 2019

1. Coolors.io

Best For: Graphic Designers / Web Designers

Coolers.co

Coolors.co is the first and most comprehensive tool available for color palette and scheme generation on this list. The platform is incredibly robust and features a web app for generation, as well as an IOS-App, image upload to colors, advance adjustments, and export/sharing options. It even comes with a plugin for Adobe CC programs (Photoshop & Illustrator), although that feature comes at a cost of $5 (which I personally think is pretty affordable). One of the things I like the most though is that you’re able to sign up for a free account to manage and organize the color palettes you generate. This account will also sync to the iOS + Adobe apps. This is especially helpful if you’re a graphic or web designer looking to keep track of colors you generate for a variety of clients. It also comes in handy if you need quick access while designing. Another bonus is that Coolors comes with 2 months of free classes at Skillshare.com. I’d say that’s quite a steal!

2. Canva.com

Best For: Amateur Graphic Designers

Canva

Canva.com offers a tool that allows users to upload an image which a color palette will be generated from. What’s great is that this tool is offered entirely for FREE WITHOUT SIGNUP. This is extremely helpful when designing materials for a brand that has a strong photographic presence and where colors don’t matter with branding. Or perhaps there’s a specific photograph the client is drawn to and would like a palette generated for their brand from that.

Canva.com also offers a variety of other free tools, such as their typographic matching tool, design sizing guide, logo maker, and photo editing tool. However, if users want to take advantage of the full Canva platform that includes even more robust features with account management, exporting, and a photoshop-esque web-app, then they will need to pay a monthly fee. There are also discounts for students and nonprofits.

3. Colormind.io

Best For: Graphic Designers / Web Designers

Colormind.io

When I found Colormind.io I thought it was a simple color scheme generating app, but after digging a little deeper I realized it’s so much more and so much COOLER than that. Colormind at the core IS a web app that allows you to generate color schemes for your site. But what makes it unique is that it actually visualizes what this will look like on a website for you. It also has built-in Material Design support and image upload support. How cool is that? Simple but really gets some mileage out of what it does. Check it out for yourself at Colormind.io.

4. Mycolor.space

Best For: Web Designers / UI Designers

Color Spaces

This is a tool that I use personally quite a bit. What I really like about MyColor.Space is its simplicity and it’s clean UI. The color palette generation tool allows you to choose a single color from which the web app will spit out a variety of gradients and hex codes based around that color. Furthermore, the web app also has some great gradient generation tools. What I really like about the gradient generation tool is that it spits out the CSS needed to produce the gradients. So you can simply copy and paste them right into your front-end code!

5. Design Seeds

Best For: Visual Designers / Graphic Designers / Web Designers

Design Seeds

What would a color palette tools blog post be without including Design Seeds? It’s not a palette generation web app, but instead a blog dedicated to posting palette inspiration. What they’ll do is take a photo and then post a palette based off that photo with a hip name like “Moody Opulence” and “Drift”. I don’t personally use this site a lot but I do send it to clients when trying to figure out their branding. It’s really helpful if you don’t have a starting point or really know what you’re looking for when it comes to design inspiration. I also think this is something that would extend into the space of interior design.

6. Pantone Studio

Best For: Graphic Designers / Print Designers

Pantone Studio

This list wouldn’t be complete without mentioning Pantone, especially since they’re essentially the leading experts on color. It turns out that they have a pretty cool app for putting palettes together. With the app, you can discover a variety of color harmonies, values, and cross-references while spitting them out into RGB, CMYK, and HEX. The only downside is that the app is iOS only so Android users lose out. I’m also not sure that I really ever use mobile phone apps like this in my personal design process, but it may work better for someone else. Give it a try to see if it works for you!

7. Adobe Kuler (Color Wheel)

Best For: Graphic Designers / Web Designers / UI Designers

Adobe Color Wheel

I’ve known about Adobe Kuler for a long because it used to exist as an app for iOS. It may still, I admit that I haven’t corroborated this yet. However, if you go to the site, it now links to a pretty simple color palette generation tool. No frills here, but you’re able to generate palettes by importing an image or by using a color wheel. You can then save those themes. If you have an Adobe CC account, you can save it to your profile and sync it with your CC apps. Pretty nifty if you ask me! The only problem here is that if you aren’t super inspired (I recommend checking out Design Seeds earlier in the post) then it may be tough to start.

8. Site Palette

Best For: Web Designers / UI Designers / Front-End Developers

Site Palette

Giving some more love to Web/UI/Front-End in this list, I introduce Site Palette to you. Site Palette is an extension for Chrome, Safari, and Firefox that allows you to generate complex color palettes. It also has the ability to grab/extract color schemes from pre-existing websites. So if you like what the other guy does, then it’s yours for the taking. It’s a slick tool with a great UI where you can share into apps like Sketch and Adobe. If you want to dive even deeper, it even comes with an API for semantic color extraction. That’s a bit above my pay grade to understand, but nothing else on this list does it. While there’s a free version, it also comes with a PRO version where pricing is based on API requests, if you need that.

9. Bootstrap Magic

Best For: Web Designers / UI Designers / Front-End Developers
Bootstrap Magic

Shout out to all the web, UI, and Front-End designers who use Bootstrap! The most popular responsive framework on the planet! One of the things I don’t personally like about Bootstrap is that standard coloring is pretty generic. Customizing that is massive P.T.A. if you know what I’m saying and are familiar with trying to do so. Enter Bootstrap Magic where customizing the color schemes for Bootstrap becomes a total breeze. It’s still tedious to go through and pick colors for everything, but at least you have a fancy UI to do it instead of digging through minified lines of SASS variables and mixins. Bootstrap even comes with an HTML editor so you can do that right from the UI if you need to (I often adjust things like buttons and line-heights). This one is a free web app, so go nuts!

10. Bootstrap.build

Best For: Web Designers / UI Designers / Front-End Developers

Bootstrap Build

Bootstrap.build is pretty similar to Bootstrap Magic above, although it seems to be a bit more robust. This web app is dedicated more towards developers with a lot of SASS variable customization. It also with dedicated export/import options, as well as a preview mode. The UI is a little more pleasing in my opinion as well. This one comes with a pro options for $5 a month which allows you to organize your Bootstrap themes into various projects. You can also host the themes via CDN. Those are pretty valuable features if you’re doing a lot of designing and developing for clients. Check it out to see if it works for you!</p

11. Material Color Tool

Best For: UI Designers / App Designers

If we’re going to give Bootstrap some love we need to give Material, Google’s Design standards, some attention as well. Google came out with Material as a means of streamlining their design across all of their platforms. They even released these standards to the public to make app integration appear more seamless and native. As a part of this, they offer a variety of web app tools for designers and developers to help build interfaces based off of these standards. That’s where the Google Material Color Tool comes into play. It’s a pretty complex beast, but if you’re designing an Android app that adheres to Material design standards, this tool is essential in bringing that to life.

12. Material Color Palette

Best For: UI Designers / App Designers / Web Designers

Another Material based tool is Material Design Palette. This one is significantly simpler than Google’s Material tool. The Palette tool allows you to select two colors which will then automatically generate a palate based on Google’s Material standards. While the purpose of the tool is app-centric, it could be helpful if you were just looking for a means of color palate generation. The app spits out hex codes and all so they colors could really be used for any application. There’s also a nifty Material icon reference guide as well as a Material colors reference guide where you can copy and paste hex codes. Check it out!


I hope you enjoyed these awesome modern color palettes/color schemes for websites and color scheme tools!

Thank you so much for reading – and please link back to us in your roundup, or share to your social networks if it was useful to you 🙂

  •  
  •  
  •  
  •  

Related Posts


Tim Brown

Tim Brown is the owner of Hook Agency, and strategic marketer focused primarily on driving traffic and leads for small businesses and construction companies.

Free Marketing Audiobook

Leave a Reply

Be the First to Comment!

Notify of
avatar

Ready to Get Started?

Get a free consultation now
Dan Corrigan
Dan Corrigan
18:43 19 Jun 19
I am a small business owner who was referred to Hook Agency to develop my website, promoting and advertising my business. The first time I spoke with Tim I knew his company would be a good fit for my business. The entire Hook Agency team was very responsive, acommodating, patient, and easy to work with. They made the whole process productive and stress-free. I recommend their services to anyone starting a business or for those who simply would like the best agency supporting their business.read more
Jen Wright
Jen Wright
19:48 06 Jun 19
Truly honest and caring people - I reached out to Hook Agency to schedule a consult with them, and I received a call from Tracy Kelly the same day. He was personable, kind, and took the time to explain what I was looking for wasn't a fit for their agency, but went completely above and beyond to talk to 2 other businesses to see if they would be interested in working on the project I have in mind, and then sent me a follow up email with their contact information. I am so impressed with the Tracy and his honesty and integrity. If you're worried that someone is going to sell you on services you don't need - you can expect a breathe of fresh air with Tracy and Hook Agency.read more
David Keinert
David Keinert
13:17 04 Jun 19
I was looking for agencies because we wanted to create a new website and blog. Hook was one of our top choices, but admittedly, I was nervous based on the fact they had not done work in my industry before. Fast forward to a year later, and I couldn't be happier. The team at Hook is responsive, resourceful, creative, and fun to work with. We have great content on our blog, and website continues to grow each month. I'm "Hook"ed!read more
Ryan Hanson
Ryan Hanson
03:10 24 May 19
We have nothing but great things to say about the Hook Agency. Their website work, and subsequent SEO, blog writing, and social media expertise have done wonders for our lead pipeline. We would recommend them to anyone looking for a competent and professional digital marketing team. We already have them contracted to do another project!read more
Jesse Hoekstra
Jesse Hoekstra
20:17 15 May 19
Great company to do some SEO work with and also a great help on the website building. They have quick response to questions, updates, and last minute changes.
Greg Toler
Greg Toler
17:07 15 May 19
Tim and the entire Hook Agency team has been the exact partner my company needed for all things web design, SEO, and even digital marketing strategy. Was hesitant at first with the complexity of my industry, but they have far exceeded expectations with research and content development. Our SEO position and inbound leads were almost nonexistent. Within three months our website authority and position had drastically increased, and we were consistently receiving organic leads. Now we have closed our first inbound lead as an organization and are transitioning to let Hook manage our PPC. As a small business, Tim has been helped us get the best bang for our buck while getting to know our company and process to help achieve our goals. We have used several large and small SEO companies in the past, but Hook Agency's management has provided the first measurable difference and growth. Would highly recommend!read more
Josie Franske
Josie Franske
16:11 22 Apr 19
We considered several web-design firms before selecting Hook Agency to redesign a large portion of our company site, and we're incredibly happy with the results. Not only was the team able to create exactly what we wanted, they've come up with some great compromises between keeping our brand voice and SEO writing, providing solutions that I'm confident no other firm would be able to dream up. It's been a very collaborative process and we're seeing great outcomes. They've also provided technical support on some small web issues, which takes major headaches off our plates as a small business without a full-time IT department. We absolutely recommend them!read more
Karine Woodman
Karine Woodman
02:50 21 Apr 19
We absolutely love our website. Hook Agency was very professional and provided us with a website that exceeded our expectations. We've also continued with their SEO services.
Jamie Rykyto
Jamie Rykyto
23:18 21 Jan 19
Very impressed! Long story short, our company website that was hosted elsewhere somehow lost data and went down. When the hosting company failed to do anything about it Hook Agency didn’t hesitate to help. They went above and beyond to get us back up and running. They made us feel confident and comfortable with what they were doing and explained everything each step of the way. I would definitely recommend them!read more
Maygen Lacey
Maygen Lacey
16:16 09 Jan 19
Super impressed with Tim. I had no idea how to find a web developer in my budget. Even though he was well out of my price range, he still very kindly took the time to suggest a few options and and walked me through how pro web developers operate. Class act! Thank you!!
Gibbous Wolf
Gibbous Wolf
19:53 31 Oct 18
Hook Agency came up with highly creative SEO solutions to my growing website. Their process was very insightful and they explained everything in an intelligent way without making me feel talked down to. I would recommend Hook Agency for anyone's SEO needs in Minneapolis.
Casey Palmer
Casey Palmer
18:49 16 Oct 18
Such a good website creator! So creative, responsive and helpful. Great team!!!
Robbin Julien
Robbin Julien
00:29 18 Sep 18
HOOK made the complex topic of SEO far less intimidating. They were patient and understanding with our learning curve. They worked "with" us, educating us as to where the opportunities were. They identified what "they" could do for us and even more valuable, what "we" could and should be doing for ourselves. HOOK and their style of full transparency, had us feeling comfortable immediately and ultimately feeling like we had a trusted partner working for our best interests. We look forward to our future collaboration and success!read more
Andrew Alshouse
Andrew Alshouse
17:24 10 Aug 18
Hook Agency has been a great resource for our small business. From creating our initial site to making updates as we grow, Hook has always been easy to work with. And they are quick with bug fixes which I really appreciate!
Reed Leidle
Reed Leidle
17:07 27 Jul 18
Amazing! Seriously, first class customer service and good people!!! Talk about going above & beyond... couldn't ask for a better experience.
Mark Graham
Mark Graham
18:45 16 Jul 18
Finding a website design company that is highly creative, technically competent , fundamentally sound, well organized, willing to listen and committed to service is unique indeed. We found exactly that at Hook Agency.
Eric Pfeffer
Eric Pfeffer
21:10 05 Jul 18
Without even paying a dime, Tim looked at my google analytics account and my google console account and gave invaluable free advice. Although his services were not a good fit for my needs at this point, I would highly recommend his services for SEO and high raking on google searches. Hook Agency is the way to go!read more
Craig Pladson
Craig Pladson
13:40 25 Jun 18
Tim and his team were collaborative, responsive, fast and delivered quality work on a tight timeline. The Wordpress pages they built are easy to update, mobile friendly and we plan on using the template they built for landing pages down the road. Tim also provided insightful guidance on SEO and lead generation best practices along the way.read more
Anna Overly
Anna Overly
17:28 17 May 18
When I began searching for an SEO agency last year, I received a lot of generic proposals from SEO agencies who wanted our money but didn't show any dedication to learning our niche industry. Tim, on the other hand, came to the table armed with a list of keywords to go after, goals to reach, a knowledge of what our competitors were doing, and an eagerness to understand our industry. Since then, Tim has shown a deep commitment to our success and has gone above and beyond to make sure we reach the goals we set. In the last year, our company has experienced a 30.8% increase in conversions from organic search (3mos/3mos) and a 135.06% increase in page views from organic search (3mos/3mos). The conversation has shifted from "let's get more leads" to "we need to hire more employees to handle all this new business." Tim has been incredible to work with, and I'd recommend him highly to anyone looking to hire an SEO specialist.read more
Sarah Lietz
Sarah Lietz
15:19 21 Feb 18
Tim has always been super responsive, creative in design, and helping us long after he should! Highly recommend!
Patrick Lorence
Patrick Lorence
15:52 20 Sep 17
“My company launched our completely revamped website and couldn't be happier with the way the site turned out, and our experience with Tim B Design. They took our old website with outdated graphics, poor sales results and transformed it into a modern, incredibly attractive and sales thriving site. In 6 short months we have seen a 300% increase in sales by online traffic, a greater return than we had ever imagined. Our product keywords are up over 350% and our website can easily be found on top of any major search engine. When we met with them to discuss the project, we were immediately impressed with how easy they were to communicate with—just real, down to earth, believable people that don't talk over your head with tech jargon. They listened and spent ample time understanding our products and message to make sure the site layout was exactly what we wanted.These days, I feel that people get to know your business through your website before they even walk through your door so it better be a good first impression. Our site brings in new clients every single day. The best part is that my website is so easy to use, I am able to edit content whenever I need to. It’s become such a great tool for my business. I am so in love with my branding, I receive compliments everyday. The Tim B Design team is amazing. They are creative, quick and so much fun to work with, I highly recommend them to any business.”Brad LorenceOwner, Banksystems Marketing Incread more
Niles Deneen
Niles Deneen
19:44 03 Aug 17
Awesome - we are seeing great improvement in our traffic and engagement. It's a pleasure working with Tim he is such a gifted guru of seo and digital marketing.
Josh Carlson
Josh Carlson
14:44 11 Jul 17
Tim B Design is exceptional to work with! He and his team have a great attitude, they've shown excitement in helping my business, and they are go getters! When I first contacted Tim on his website he responded to me almost immediately which was great. After our first face to face meeting I knew I wanted to work with him. I agreed to have them design my logo and build my website. In the process of doing that Tim thoroughly educated me on the importance of SEO which I knew very little about. There was absolutely no pressure to purchase anything while he was educating me but I decided to enter in an agreement for that too. Shortly after starting SEO they had availability to take over my social media accounts and I jumped at that opportunity. I put my full trust in them and they are doing great with all of it. Because of their work I've already seen growth in the number of sales leads generated by my website which is terrific! If you need help with any of these areas you need to contact Tim B design. Thank you Tim and Bea!read more
Next Reviews Write a review