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.

Features

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.

Are there any System Requirements?

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:

Load a webpage

Change the colors to your liking

Copy the CSS and integrate it into your stylesheet

Purchase

Purchase through the App Store®

Support

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