Action
Complementary mode + Space to generate
Result
A coordinated palette of copyable HEX values
Design Tools
Palette Generator — Rule-Based Color Sets
Generate palettes with monochrome, analogous, complementary, triadic, or fully random rules. Lock individual swatches and keep randomizing the rest for UI exploration and brand-color derivatives.
PaletteColorHarmony
Favorite this tool
No favorite storage mode has been selected.
Quick actions
Copy this tool URL or open the system share sheet on a supported device.
设计配色
Palette Generator
点击颜色代码复制，点击锁图标锁定该颜色
Use cases
- Explore starter palettes for a new project
- Derive brand colors under complementary or analogous rules
- Lock a primary color and randomize the rest
How to use
- Choose a generation mode
- Generate, or press Space for another set
- Lock swatches to keep, then copy values
Example input and output
FAQ
Can I keep one primary color fixed?
Yes. Click the lock on a swatch. Later generations replace only unlocked colors.
Which generation modes are available?
Monochrome, analogous, complementary, triadic, and fully random.
Tools
Related tools
Continue with another translated tool for a nearby task.
Color Harmonizer
Color Harmonizer — Classic Harmony Rules
Pick a base color and generate schemes with complementary, analogous, triadic, tetradic, split-complementary, or monochromatic rules. Preview UI usage and export CSS variables for brand and component work.
Palette Color Harmony
Color Converter
Color Converter — HEX, RGB, HSL Online
Convert colors among HEX, RGB, HSL, HWB, CMYK, and CSS variables in your browser. Includes a color picker and random color helper for design handoff, stylesheet work, and brand-color alignment.
Color HEX RGB
Pastel Color Generator
Pastel Color Generator — Soft Low-Saturation Palettes
Generate soft pastel and Morandi-style palettes in your browser. Choose count and style, lock swatches you want to keep, and export HEX lists or CSS variables for charts, backgrounds, and gentle UI themes.
Pastel Palette Color