Palette Generator
Generate harmonious color palettes. Lock colors you like, choose a harmony mode, and press spacebar or click Generate to create new combinations.
Harmony
Colors
5
Action
A11y
Share
Press Space to generate
#9F5141
#E7AD4D
#6270E7
#5F3F29
#BF3E5B
#9F5141
#E7AD4D
#6270E7
#5F3F29
#BF3E5B
Press Space to generate
Export Code
css
:root {
--color-1: #9f5141;
--color-1-rgb: 159, 81, 65;
--color-1-hsl: 10, 42%, 44%;
--color-2: #e7ad4d;
--color-2-rgb: 231, 173, 77;
--color-2-hsl: 37, 76%, 60%;
--color-3: #6270e7;
--color-3-rgb: 98, 112, 231;
--color-3-hsl: 234, 73%, 65%;
--color-4: #5f3f29;
--color-4-rgb: 95, 63, 41;
--color-4-hsl: 24, 40%, 27%;
--color-5: #bf3e5b;
--color-5-rgb: 191, 62, 91;
--color-5-hsl: 347, 51%, 50%;
}