Blog
PicMonkey is one of my favorite online tools for image editing and creating easy graphics for website projects and social media. On their blog, they feature an article, Create a Brand Color Palette, which is a simple tutorial about color palettes. The article covers the psychology of color, choosing colors using the color wheel and creating a color palette from a picture. It is a great tool to use when I work on websites for clients who are unsure about the colors they want to use for their new website.
How to choose colors from a picture
Color code for the breakfast table color palette:
Blueberries – #3C4554 | Sliced oranges – #FAAE06 | Kiwifruit – #97A325 | Coffee – #965D26
Steps for grabbing colors from a photo:
- In the PicMonkey editor, click the Templates tab in the blue column.
- Type “color palette” in the search box and choose a design.
- Click the photo in the design to select it.
- In the Graphics palette that appears to the side, click the Replace button, and choose your photo from wherever it’s stored.
- Click one of the color swatches featured in the design. In the Graphics palette, click the color dot at the top to open the color picking tools.
- Click the eyedropper, and hover over the color in your photo you want to show in your color swatch. Click again, and the color you clicked replaces the swatch color.
- Repeat steps 5 and 6 with the other color swatches in the design.
Note that the hex code appears in the box next to the color dot when you move the eyedropper over colors. It’s a good idea to include the hex code for each color in your palette. That way, you can always ensure everyone uses the correct colors when they create assets.
Source: Create a Brand Color Pallete
Here’s another color palette example.
Once you get started, the color combinations are endless. This is a welcome resource for website design and would also be useful for creating your own swatch of color for home decorating.
Additional color Palette resources
- Color Palette Generator by Canva
- Here is another article about color combinations and examples from Canva: 100 Brilliant Color Combinations and How to Apply Them to Your Designs.
- More inspiration: Website Color Schemes: The Palettes of 50 Visually Impactful Websites to Inspire You.
