Announcing Flows – User onboarding for modern SaaS →
Contents
The color generator helps you find harmonious color combinations tailored for UI design.
There are two ways to generate colors:
Generate
buttonSpace
on your keyboardEvery 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 HEX, RGB, LCH, and HSL color pickers.
To copy a color, click on the HEX code below its name. This will copy the code to your clipboard.
Last updated December 2022
Whether you're new to color palettes, or a pro looking for advanced tools, we'll have you set up and ready to create your best palette in minutes.
Get started for free