The color generator helps you find harmonious color combinations tailored for UI design.
There are two ways to generate colors:
Spaceon your keyboard
Every time you generate, all colors that are not locked are replaced with a new batch of colors.
To add another brand color, click on the floating plus button on the right side of the screen. You can generate up to 8 brand colors at one time.
Next to the Generate button you will find 3 buttons. These buttons change how the generator creates colors:
When you like a color there are two options to save it:
Each has a different impact on the color generator.
When you lock a color, it will always stay in the color generator and the generator will try to find harmonious colors related to the locked color.
Sometimes no harmonious colors can be created. That usually happens when multiple colors are locked. In this case the color generator will ignore all locked colors when creating new colors.
You can also lock all colors by clicking the
Lock all button in the top right corner.
To permanently save a color add it to your palette by clicking on the plus icon while hovering over the color.
Colors in the palette don't have any effect on the generator. For that, you have to lock the color in the generator.
You can also add all colors to the palette by clicking the
Add all to palette button in the top right corner.
To edit a color, click on the edit icon on the right while hovering over the color. This will open the color editor with Lightness, Chroma, and Hue (LCH) sliders. You can also paste a HEX code.
To copy a color, click on the HEX code below its name. This will copy the code to your clipboard.
Last updated March 2022