BonFX

Typography & Graphic Design Blog

  • Facebook
  • RSS
  • Twitter
  • Blog
  • Books
    • The Preposterously Huge Book of Google Font Combinations
    • The Big Book of Font Combinations (Classic Fonts Edition)
  • About
  • Gallery
    • Monster Alphabet
    • Pen and Ink Cartoons
    • The Algorithm FX
  • Contact
You are here: Home / Graphic Design / Gorgeous Random Color Scheme Gradient Generator for Photoshop

Gorgeous Random Color Scheme Gradient Generator for Photoshop

June 8, 2012 by Douglas Bonneville

Want some simply gorgeous random color scheme inspiration? This is the script for you! I’m working on a new ebook about color combinations to be released later this year. Part of the work for that book entails some very cool Photoshop and Illustrator scripting. One of the scripts, the intriguing one I’m sharing with you today, takes four random colors and creates a stunningly beautiful gradient from them.

What is so great about a gradient of random colors?

There are a lot of great color scheme generator tools online, a few really great color scheme generator apps, but not a lot of them deal with creating complex gradients, primarily because it complicates software and is generally hard to do. If you put two dissimilar colors on a gradient spectrum and then move the colors towards each other, unexpected harmonies occur. The secret? The gradient acts on the colors by averaging them as they move toward each other, creating more and more harmony until they reach a single color at the midpoint. When the two colors are randomly chosen you are are bound to get some happy color combination accidents. Well, what happens if you put four colors in a gradient? You get all kinds of potential happy accidents and a fluid continuum of color harmonies for you to explore. This is a huge time saver if you are looking for as many color ideas as possible in the least amount of time. If you generate an interesting gradient, simply save it and explore it with the eye dropper, saving the color chips that inspire you the most.

How to use the Random Color Scheme Gradient Generator script

  1. Download the script and save it to your computer
  2. Open Photoshop and go into File > Scripts > Browse
  3. Locate the script you save in step 1 and click
  4. Photoshop will create a new 500 x 500 document
  5. Close out the document if you don’t like the random colors
  6. Keep the document open if you like the random colors or hit Save so you don’t lose it
  7. Repeat as many times as you want
  8. Explore the gradient with the eye dropper to get the colors you like most
HINT: Assign a new keyboard shortcut to the “Browse” option to speed up the process of generating as many color scheme gradients as you want.

Yo, Font-Addict! Make sure to check out The Big Book of Font Combinations. Go grab a copy from Amazon or B&N, or grab the DISCOUNTED ebook PDF digital download version (40% OFF the hardcover retail price!) from the BonFX Store, and stare at all 350+ examples of informative font combinations for web and print. You know you want to!


An example of color scheme possibilities

Using the eyedropper, I selected 3 sets of 3 colors that would each work as a color scheme. Can you see the possibilities?

24 Random Color Scheme Gradients

01-gradient
02-gradient
03-gradient
04-gradient
05-gradient
06-gradient
07-gradient
08-gradient
09-gradient
10-gradient
11-gradient
12-gradient
13-gradient
14-gradient
15-gradient
16-gradient
17-gradient
18-gradient
19-gradient
20-gradient
21-gradient
22-gradient
23-gradient
24-gradient
gradient-example

Yo, Font-Addict! Make sure to check out The Big Book of Font Combinations. Go grab a copy from Amazon or B&N, or grab the DISCOUNTED ebook PDF digital download version (40% OFF the hardcover retail price!) from the BonFX Store, and stare at all 350+ examples of informative font combinations for web and print. You know you want to!


Filed Under: Graphic Design

About Douglas Bonneville

Douglas has been a graphic designer since 1992, in addition to software developer and author. He is a member of Smashing Magazine's "Panel of Experts" and has contributed to over 100 articles. He is the author of "The Big Book of Font Combinations", loves cats, and plays guitar.

Comments

  1. Hilde says

    July 7, 2012 at 10:35 pm

    hi carrie i *love* the name of your blog!!! nice colros looks more rust here w/ red/orangeish posted by carrie . and the font is small but totally readable and fine (not *small* like some blogs out there!). so that’s two cents from someone you never knew before!

  2. Douglas Bonneville says

    July 13, 2012 at 7:35 pm

    Hehe…the design is getting long in the tooth and is a tad small. Check out my newest blog at thebiglistoflists.org where I carry the same branding idea forward a bit. I’ll be migrating this blog to that custom design with it’s own twist, and much larger type, hopefully before years end. There, now I said it, and now I have to do it!!

  3. Douglas Bonneville says

    July 13, 2012 at 8:16 pm

    Woops. I’ll add that thebiglistoflists.org is a graphic design list site, where I do things a little more “boring” but “useful” rather than on bonfx, which takes a more personal approach.

  4. Prince S. says

    July 15, 2012 at 3:09 am

    Cool ! The gradients we obtain look like those used in the Cisco Branding Guideline

    http://imjustcreative.com/the-cisco-brand-identity-book-and-guidelines/2011/09/28/

  5. Douglas Bonneville says

    July 15, 2012 at 3:15 am

    Prince S.: Uncanny! I might make another script that lets you pick specific colors and corners, as well as dimensions. It’s in the “fun” category 🙂

  6. Rose McGrory says

    August 16, 2012 at 10:22 am

    Slam dunk :O

    Thanks for such a cool tool, as you say will save a lot of time!

  7. Chris Prescott says

    August 21, 2012 at 5:34 am

    I’ve always had a hard time with gradients, always reminded me of text book design of my youth. :/ This blog is a good read. Enjoying my stay Doug!

Lost in UX like I was?

"What do all these terms mean?"

But then a cat showed me the UX way with simple definitions and funny visual examples.

Now, I remember them all!


Check out "UX for Cats"


Font Combinations Book

On Sale Now at
Amazon

HOW TO MAKE INSPIRED FONT COMBINATIONS (without spending all day clicking things).


Font Combinations Book  

On Sale Now at
Amazon / Barnes & Noble

Or get the PDF eBook version, INSTANT ACCESS, 40% off Retail, now at the BonFX Store

Need Font Pair Ideas? How about 7500 pages of them?

Fantasticaly faster than fiddling with finicky font file formats


Font Combinations Book  

Get the PDF eBook INSTANT ACCESS, now at the BonFX Store

Recent Inspirations

  • 50 essential UX terms you need to know, illustrated with… July 18, 2024
  • “UX for Cats”, the perfect fun little book for UX beginners May 22, 2024
  • User Research in UX January 1, 2024
  • Rapid Prototyping October 23, 2023
  • Error Prevention in UX October 23, 2023
  • User Engagement in UX October 23, 2023
  • Empathy in UX October 23, 2023
  • Visual Hierarchy in UX October 23, 2023
  • Fidelity in UX October 23, 2023
  • Consistency in UX October 23, 2023
  • A/B testing in UX October 23, 2023
  • Key Performance Indicators in UX October 23, 2023
  • Task Analysis in UX October 23, 2023
  • User Stories in UX October 23, 2023
  • User Surveys in UX October 23, 2023

Copyright © 2025 · BonFX

  • Blog
  • Books
    • The Preposterously Huge Book of Google Font Combinations
    • The Big Book of Font Combinations (Classic Fonts Edition)
  • About
  • Gallery
    • Monster Alphabet
    • Pen and Ink Cartoons
    • The Algorithm FX
  • Contact