Create the Perfect Color Scheme with this Fun, Unique, and Easy-to-Use Resource:

ColourCode ( is a great resource for designers to create the perfect color scheme to fit their needs. Whether you are a graphic designer, fashion designer, digital media professional, or in any other profession that requires color, you will benefit from this tool.

Color theory is just one of many key areas of study for those earning their Graphic Design or Digital Media degree at FIDM/Fashion Institute of Design & Merchandising.

As a graphic designer and graduate of FIDM, what I like about this site is rather than selecting a color from a small swatch palette, ColourCode provides live full-screen preview for you. By simply moving the cursor left, right, up, and down the hue changes in real time. With a click of the mouse you can save the current swatch and add another. Repeating this process is how you create a basic scheme, which can be exported in either a PNG image or a .LESS file which can be loaded again for future use.

Example Color Scheme Using

Example Color Scheme Using


How to Use Designer Color Resource:

There are two different modes in this tool: Code, and Scheme. The big difference between the two is code allows for the use of individual colors while scheme allows you to edit multiple colors at the same time. To switch between the two you will need to open the navigation toolbar by clicking on the icon in the top left corner of the page. This navigation bar also allows you to switch between scheme options such as monochromatic, analogic, and complimentary. Navigation Toolbar Navigation Toolbar

Quick Start Guide 

  • Move the mouse horizontally to change the hue
  • Move the mouse vertically to change the lightness
  • Scroll to change the saturation
  • Click on the current color to save the color and add a new one
  • Left-Click the lock symbol on the current color to lock/unlock it
  • Click on the left arrow symbol to swap with the previous color
  • Click on the right arrow symbol to swap with the next color
  • Click on the trashcan symbol to delete color

Try it for yourself at 

Questions/comments? Email the editor, Mani O’Brien at

Learn More…

Would you like to learn more about earning a Graphic Design degree or Digital Media degree from FIDM/Fashion Institute of Design & Merchandising? Click the link below…

Related Posts Plugin for WordPress, Blogger...

Author: James Peacock

James Peacock is a Digital Marketing Specialist at FIDM in Los Angeles, California. He received his A.A. in Graphic Design from FIDM and was hired as Social Media Assistant in 2013 by his alma mater in order to help grow the institution’s social media marketing efforts. James now combines two of his passions, telling stories and solving problems by managing data-driven marketing campaigns across multiple channels that ultimately result in a positive return on investment.

Share This Post On

Pin It on Pinterest