Introducing a better way to design with color.

Work in an instant feedback loop, explore relationships, and create beautiful designs.

The process of experimenting with color is frustratingly slow - even when you use the developer tools included in browsers. Finding the right CSS properties is time consuming, and requires digging through the DOM tree. Due to this we settle on sub-par designs.

Color Producer aims to fix that by giving you a productive way to explore uses of color in your website designs. Changes are instant and ideas can be tested in seconds rather than hours.


Color Wheel

Discover beautiful color combinations with an effective color wheel.

  • Analogous
  • Complementary
  • Split Complementary
  • Triadic
  • Double Complementary
  • Monochromatic

Color Links

Instantly connect colors used on your website to the Color Wheel.

  • Links allow you to mix colors together (0-100%)
  • Link to color wheel colors
  • Link to other colors on the page
  • Link to colors you've saved

Color Modifiers

Stack up changes to a color - and get the fine-tuned results you want.

  • Hue Shift
  • Saturation Shift
  • Brightness Shift
  • Alpha Shift
  • Instant feedback

Live Remix

See your changes in real-time, and side-by-side with the original design.

Extract Colors from Images

Extract colors from logos or header images to kickstart the design process.

  • Both an average and random extraction algorithm
  • Choose the number of samples to take

Built for speed

Built from the ground up to provide instant feedback.

  • Select multiple colors and right click to quickly add a modifier/link to all
  • Hovering over a modifier/link provides an instant preview in the Live Remix browser
  • Search by color name or CSS selector
and much more.. including a complete tagging system for saved colors, a light and dark theme for the app, themes for CSS source, and several choices of monospaced CSS fonts.

Frequently Asked Questions

Are there any System Requirements?

Color Producer was built using the latest features in macOS®. For that reason, a Mac® with macOS® 10.11+ and 64-bit processor are required.

Future releases will target newer macOS® versions.

Do I need a powerful computer?

No, Color Producer should work on the majority of hardware. For reference, the demonstration video on this site was created with a mid 2014 - 13" - MacBook Pro® Retina

How does it work?

When you load a webpage using the browser in Color Producer, it's working away behind the scenes to analyze and capture the colors used in CSS. Colors are then automatically placed into the Color Collection. From there you can start modifying the colors, and building relationships between them.

It's as easy as 1-2-3:
  1. Load a webpage
  2. Change the colors to your liking
  3. Copy the CSS and integrate it into your stylesheet


Purchase through the App Store®


To make feature requests, file a bug report, or give us feedback please use the "Feedback" toolbar item in Color Producer.

You can also contact us using the contact form at