Back to QuickTools

Color palette

Generate beautiful color palettes for your designs.

How to Use
1.

Click "Generate New Palette" or press Space to create a new random color palette

2.

Click on any color to copy its hex code to clipboard

3.

Lock colors you like to keep them when generating new palettes

4.

Edit hex codes directly by typing in the input fields

5.

Click "Save Palette" to store your favorite palettes in local storage

6.

Load saved palettes by clicking on them, or delete them using the trash icon

7.

Use "Copy All Colors" to copy the entire palette as a comma-separated list

Tips for Using Color Palettes

60-30-10 Rule

Use 60% of a dominant color, 30% of a secondary color, and 10% of an accent color for balanced designs.

Contrast is Key

Ensure sufficient contrast between text and background colors for readability and accessibility.

Test Your Palette

Preview your colors in different lighting conditions and on various screens before finalizing.

Consider Color Psychology

Different colors evoke different emotions - choose colors that align with your brand or project message.