This website is here to provide you with the
necessities to 
✿ Owner: Kayla border design: squares
You'll be making something like:
The Steps
1. Save this. Open it in PS and define it as a brush. This is the square pixel, so name it that!
2. Use the pencil tool to place the brush in the first color of your color scheme. Make sure it's lined up correctly (this is zoomed in 1200% so you see what I mean).
3. Choose how far apart you want them, and then place the 2nd directly under the first, like this
4. Place the 3rd! Make sure it's the same distance from the 2nd as the 2nd is from the 1st. They have to be EVENLY spaced.
And this is what it looks like so far without it being zoomed.
5. Now place the last square.
Do more squares if you want
6. Add the grey blocks. If you don't know how than -> {CLICK HERE}
Finished Product: