Paletton is a classic that all web designers should know about. It has been around for years and it’s still my go-to source for a great combo.
You simply enter a seed color and let this app do the rest. You can pick between different color relationships and how they should appear in the design. And for each color choice you’ll find slight variations with varying contrast.
Paletton is a reliable choice and it’s great for newbies who don’t know anything about design.
If the WCAG is of any concern in your design process then Color Safe is the best tool to use. With this webapp you can generate color schemes that blend perfectly and offer a rich contrast up to the WCAG guidelines.
These come straight from the W3 rulebook where you select colors with higher contrast that provide greater readability. Using the Color Safe webapp you’ll ensure that your site is compliant with WCAG guidelines and that your site is fully accessible to everyone.
Adobe Colour CC
Some designers may know of this as Adobe Kuler but it recently got renamed to Adobe Color CC.
It’s one of Adobe’s free tools built for public use where anyone can generate color schemes from scratch. It’s definitely a detailed webapp and you can pick from many different color patterns that best suit your needs.
The interface is a bit clunky at first but once you get the hang of it you’ll have no trouble picking up beautiful color choices.
The free webapp Ambiance offers pre-made color palettes pulled from other color sites on the web. It works much like a traditional webapp where you can save colors to your own profile and create your own schemes from scratch.
All of these color palettes come from Colorlovers so they’re pre-made and voted on by that community. The Ambiance interface just makes it easier to browse and places more focus on the color interaction for UI design.
This isn’t a full color scheme generator but it can help you make tweaks to existing color schemes.
The 0to255 webapp shows you all the different shades of a color so you can mix & match on the fly.
On the homepage you’ll find a large grid of color choices with everything under the sun. Click any color to be taken to the full gradient page. From here you can pick from different opacities and fill states to find colors that best fit your goals.
Flat UI Colours
Recently there’s been a surge in flat design and it doesn’t seem to be going anywhere. If you want to hop onto this trend then Flat UI Colors is a great site to keep bookmarked.
It provides a handful existing flat color schemes that you can pick from. They all have a click-to-copy feature so you can copy/paste the HEX codes right into Photoshop or into your CSS stylesheet.
This is a very small app so it can feel limiting but it’s a great resource for flat UI work.