Online Resources
Use one of the online tools listed below to start working with colors and building your own color schemes.
Paletton – This tool can help you quickly build palettes that work well. You can easily switch between the various color schemes and it automatically suggests secondary colors to go along with your primary color scheme. It can also export the color values to a bunch of different formats, including HTML and CSS.
Coolors – This is a fun website that lets you generate random schemes whenever you hit the space bar. You can then refine and remake them to your liking. It also lets you browse through color schemes that were recently-created by other designers.
Adobe Color – This is Adobe’s color tool. It is linked to your Adobe Creative Cloud account and can be accessed via most Adobe apps.
Color Scheme Examples
Feeling stuck? Try one of the color scheme examples below.
Triad Color Scheme 1
Triad Color Scheme 2
Triad Color Scheme 3
Triad Color Scheme 4
Tetrad Color Scheme 1
Tetrad Color Scheme 2
Tetrad Color Scheme 3
Tetrad Color Scheme 4
Other Color Scheme 1
Other Color Scheme 2
Other Color Scheme 3
Other Color Scheme 4
Other Color Scheme 5
Other Color Scheme 6
Other Color Scheme 7
Other Color Scheme 8
Other Color Scheme 9
Other Color Scheme 10
Other Color Scheme 11
Other Color Scheme 12
Other Color Scheme 13
Other Color Scheme 14
Other Color Scheme 15
Other Color Scheme 16
