Five-color palette
Static worked example — not your live result.
Input
size 5
Output
#.....\n#.....
Generators
Color Palette Generator
Build a color palette for UI and design drafts. The Color Palette Generator creates HEX swatches you can lock and regenerate around, then copy as a list.
How the Color Palette Generator Works
Step 1
Choose Your Palette Size
Select how many colors to generate.
Step 2
Generate a New Palette
Create swatches and lock any keepers.
Step 3
Copy Your Colors
Copy the HEX list into your design tools.
Color Palette Tips
- 3–8 color palettes
- Lock individual swatches
- HEX values with copy
- Readable default saturation ranges
- Instant regenerate
Output Details
Input formats
- Options / text inputs
Output formats
- HEX colors
Supported formats
- HEX colors
Examples
Frequently Asked Questions
Are colors accessibility-checked?
Palettes aim for readable mid-range lightness; always verify contrast for text use.
Can I lock a color?
Yes. Lock swatches before regenerating the rest.
What format is outputted?
HEX values such as #0f766e.
Related Design Tools
Explore related Tool Base utilities that pair well with Color Palette Generator.
CSS Gradient Generator
New
Generate CSS linear and radial gradients with live preview.
Generators
CSS Box Shadow Generator
New
Generate CSS box-shadow with live preview.
Generators
CSS Border Radius Generator
New
Generate CSS border-radius with linked corners.
Generators
CSS Clamp Generator
New
Generate responsive CSS clamp() expressions.
Generators
Need another utility?
Browse related tools or explore the full Tool Base directory.