v0.2 (beta)

Design the perfect UI with just a few clicks.

AppSchemer is a color palette creation tool for UI design.

Color theory, automated.

Start with just one color and build an entire color palette in seconds! AppSchemer uses color theory and UX principles to guide you through the whole process start to finish. Your final palette will have the best colors for your brand and preferences, and the resulting colors always work well with each other.

Customize in minutes.

Easily mix and match different UI colors, change the brightness and contrast of your palette, and even see your theme in dark mode. With just a few settings, you can rapidly prototype and visualize thousands of color palette variations.

Preview in real time.

See what your palette looks like in real time, right as you edit! Example mobile and web UIs show you realistic examples of what your theme would look like in a real-world application. Or, enable the full real-time theme preview feature to see your theme visualized right within AppSchemer itself!

How does AppSchemer work?

First, you'll pick a single main color that reflects the emotion of your app or brand, if you don't already have one. The Color Selection Tool can easily guide you through the process using existing brand examples, precision color editing, and by giving you additional insights into each color to help you pick the best brand color for your use case.

Additional colors can make your UI more dynamic and interesting. Using color theory, AppSchemer will generate additional colors based off of your main color and a chosen color harmony rule. The resulting palette colors will blend well and complement each other. The Color Harmony Tool can visually guide you through the process of choosing the best color harmony for your app using an interactive color wheel, brand examples, and example images and artwork to demonstrate the color theory in action.

Once you choose your main color and a color harmony rule, AppSchemer will automatically generate a complete color palette for you. You can experiment with the different harmony colors and adjust your theme settings. Visualize your changes in real time and see your palette applied to several example UIs. Save your palette to one of several supported file formats, or share them via URL or on social media.

Features

Color Selection Tool

Precision color tuning

Randomize color

Color sampler

Undo/redo history

Base hue detection

Predicted color emotions

Brand color examples

Brand UI examples

Color Harmony Tool

Interactive color wheel

Color harmony visualizations

Color harmony descriptions

Brand color harmony examples

Example photos and artwork

Automatic color palette creation

Full palette visualizer

Palette customization

Apply harmony colors

Automatic semantic color tuning

Copy color hex values

Example apps and websites

Real-time UI palette preview

Randomize palette

Palette brightness control

Palette contrast control

Theme settings controls

Download palette

Share to social media

Shareable URL

Dark mode

Full documentation

Mobile support