How to Create Your Own Color Palette Image

Laura and I love to make a good color palette image. Like A LOT. I can and have done it all day. I’m just trying to help you understand what you’re signing up for. I’m giving you the tools you need to create lots of color palettes, but we are not accountable for the rabbit hole of fun you’re about to go down.

Here’s a video tutorial on how we do it.

How to Create Your Own Color Palettes Image

Find a Photo

Take a photo or find a stock photo that inspires you.

Make sure that you aren’t just stealing (and it is stealing) some random photo of off the Internet. There are a number of stock photo sites where you can find free photos. Respect copyright laws and respect the artists who created the images. There’s a whole lot more to all of this, but basically DO NOT use a photo unless you know that you are absolutely sure that you can.

I’m going to be using this photo I took while we were living in Okinawa. This was our view every morning on our walk to the bus stop. Its okay to be jealous. I’m jealous of the people who still live there. It’s a flipping paradise.

Create your layout

First you need to decide which way you want your color palette to go. We’re all about showing as much of the photo as we can, while still fitting it into a square sized layout. If your photo is portrait orientation you’re going to want to put the colors vertically. If the photo is landscape orientation its best to put them colors horizontally.

Now you get to decide if you want 5, 6, or 7 colors. Any more or less doesn’t work as well.

We like making everything uniform and make our color boxes the same sizes and equidistant from each other. The idea here is that the colors are complimenting the image, but not distracting from it.

You can actually buy our pre-made color palette templates right here. We have both Canva and Photoshop templates.

Picking Colors

This is the fun part. Okay it’s all really fun, but this is my favorite part.  Most color palettes have 6 colors. You’re going to want a mix of dominant colors and accent colors. DO NOT forget contrast, the light and dark colors. If everything is the same level it won’t be balanced.

OR if you have a photo like the Joshua Tree image that naturally has an ombre feeling to it, going with a gradient of dark to light is another option for your color order.

Color Palette Image by popular US graphic and web designers for small businesses, Bea and Elle: image of a Joshua Tree color palette.

I start by using the eye dropper in Photoshop and then do it by eye until I get a color I feel is a good fit. You can adjust the saturation and hue in the color dropper as well.  Then repeat that step 5 or 6 times. Just keeping in mind what color order I want.

You want your colors to all coordinate with each other. If I’m not sure if a color really goes with the rest of the colors, I’ll duplicate the smart object and then drag it around by the other colors to see if its clashing with any of the other colors.

After you’ve picked all your colors, you may find that you need to play around a little with the color order so you can get the right balance.

Once you’ve got it how you want it, save it and share it!

Let us know if you have any comments, questions, or need a support group for your new color palette image creating addiction.

 

 

 

 

 

 

 

 

 

 

Posted in

About Bea + Elle

Bea + Elle-96-1

Brooke and Laura have a combined 20+ years of experience in graphic design, web design, and business branding.

Branding is an investment in your business – one that can and will yield countless returns over the life of your business. With that in mind, it’s always a good idea to invest in a professionally designed visual brand identity that instills confidence and can stand the test of time. You know like the ones we do! Hint. Hint.⁠
⁠
Its so worth it to invest in professionally designed branding, a website, and graphics. ⁠
⁠
Read More by following the link in our bio⁠
⁠
B+L
You know this one already. Youve been on the consumer end of this. Theres a reason why we all go back to the businesses that treat us well. AND theres a reason we avoid businesses that dont treat us well.⁠
⁠
Your clients and customers REMEMBER how youve made them feel. Especially if you made them feel amazing! ⁠
⁠
⁠
#design #branding #creative #illustration #art #typography #designer #graphicdesigner #logo #photoshop #designinspiration #inspiration #marketing #creativity #graphics #business #socialmedia #entrepreneur #digitalmarketing #success #smallbusiness #socialmediamarketing #startup #entrepreneurship⁠
#businessowner #onlinemarketing #customerservice⁠
#happycustomer #weloveourcustomers #greatservice
This ones a little more monochromatic with browns, yellows, and a little dash of an earthy green. Fabulous image from Pictured Rocks National Lakeshore.⁠
⁠
Photo credit by: @justinpheap.co⁠
⁠
⁠
⁠
#npscolorforecasting #findyourpark #nationalpark #nationalparks #explore #nationalparkgeek #nature #travel #beautiful #design #photography #colour #colorful #inspiration #color #colorpalette #nps #traveling #roamtheplanet #wildlife #goexplore #tourism #nationalparksusa #nationallakeshore #visitMichigan #Michigan #picturedrocks #brandingcolors
💥 Heres a little roundup of some of my current favorite free fonts you can find on Google Fonts. (fonts.google.com)⁠⁠
⁠⁠
If you mention fonts to Brooke, her wee face will light up and then she breaks into a slight sweat because she LIVES for fonts. Lives 👏 for 👏 them 👏 ⁠⁠#fontaddict 
⁠⁠
Swipe through and check these out. Ive highlighted what these fonts were created for and should probably add that just because I love them doesnt mean I use each one for everything - even if I want to.⁠⁠ When it comes to font selection and usage you want balance and a strategy. It’s really easy to get carried away and use too many because fonts really are fun. We try to stick with 3 fonts tops for branding and web design.

I hope Ive done Brooke proud with this little collection. What do you think?
⁠⁠

#googlefonts #fontlove #typefaces #typographylove #graphicdesign #webdesign #branding #typography #type #typegang #typematters #typedesign #brandidentity #photoshop #webdevelopment #websitedesign
@bybeaandelle

GET IN ON THIS.

sign up for our newsletter.

Scroll to Top