Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/648569-749178-839d87-92aa96-a2b6a5-b2c2b4-c1cec3-d0dad2-e0e7e1-f0f3f0-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 648569
RGB: 100,133,105
Hex: 749178
RGB: 116,145,120
Hex: 839D87
RGB: 131,157,135
Hex: 92AA96
RGB: 146,170,150
Hex: A2B6A5
RGB: 162,182,165
Hex: B2C2B4
RGB: 178,194,180
Hex: C1CEC3
RGB: 193,206,195
Hex: D0DAD2
RGB: 208,218,210
Hex: E0E7E1
RGB: 224,231,225
Hex: F0F3F0
RGB: 240,243,240
Hex: FFFFFF
RGB: 255,255,255
-100%
-90%
-80%
-70%
-60%
-50%
-40%
-30%
-20%
-10%
Original
10%
20%
30%
40%
50%
60%
70%
80%
90%
100%
FFFFFF
F0F3F0
E0E7E1
D1DAD2
C1CEC3
B2C2B4
A2B6A5
93AA96
839D87
749178
648569
5A785F
506A54
465D4A
3C503F
324335
28352A
1E281F
141B15
0A0D0A
000000
FFFFFF
F1F4F2
E3E9E4
D5DED7
C7D3C9
BAC8BC
ACBDAE
9EB2A1
90A793
829C86
749178
68836C
5D7460
516654
465748
3A493C
2E3A30
232B24
171D18
0C0E0C
000000
FFFFFF
F3F5F3
E6EBE7
DAE2DB
CDD8CF
C1CEC3
B5C4B7
A8BAAB
9CB19F
8FA793
839D87
768D7A
697E6C
5C6E5F
4F5E51
424F44
343F36
272F28
1A1F1B
0D100D
000000
FFFFFF
F4F7F5
E9EEEA
DEE6E0
D3DDD5
C9D5CB
BECCC0
B3C4B6
A8BBAB
9DB3A1
92AA96
839987
758878
667769
58665A
49554B
3A443C
2C332D
1D221E
0F110F
000000
FFFFFF
F6F8F6
ECF0ED
E3E9E4
DAE2DB
D1DBD2
C7D3C9
BECCC0
B5C5B7
ABBDAE
A2B6A5
92A495
829284
717F73
616D63
515B53
414942
313731
202421
101210
000000
FFFFFF
F7F9F8
F0F3F0
E8EDE9
E0E7E1
D9E1DA
D1DAD2
C9D4CB
C1CEC3
BAC8BC
B2C2B4
A0AFA2
8E9B90
7D887E
6B746C
59615A
474E48
353A36
242724
121312
000000
FFFFFF
F9FAF9
F3F5F3
ECF0ED
E6EBE7
E0E7E1
DAE2DB
D4DDD5
CDD8CF
C7D3C9
C1CEC3
AEB9B0
9AA59C
879089
747C75
616762
4D524E
3A3E3A
272927
131513
000000
FFFFFF
FAFBFB
F6F8F6
F1F4F2
ECF0ED
E8EDE9
E3E9E4
DEE5E0
D9E1DB
D5DED7
D0DAD2
BBC4BD
A6AEA8
929993
7D837E
686D69
535754
3E413F
2A2C2A
151615
000000
FFFFFF
FCFDFC
F9FAF9
F6F8F6
F3F5F3
F0F3F0
ECF1ED
E9EEEA
E6ECE7
E3E9E4
E0E7E1
CAD0CB
B3B9B4
9DA29E
868B87
707471
5A5C5A
434543
2D2E2D
161716
000000
FFFFFF
FEFEFE
FCFDFC
FBFBFB
F9FAF9
F8F9F8
F6F8F6
F5F7F5
F3F5F3
F2F4F2
F0F3F0
D8DBD8
C0C2C0
A8AAA8
909290
787A78
606160
484948
303130
181818
000000
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
E6E6E6
CCCCCC
B3B3B3
999999
808080
666666
4C4C4C
333333
191919
000000
! This online Color Palette Generator tool works well on larger displays like desktop/laptop screens or switch to desktop mode in the mobile browser.
~ Color Name is not the exact match. It is the nearest matching name to the Hex Code.
- Indicates no matching color name found.
Color shades and tints
close (X)





Home > Palette > Palette Editor

Color wheel - Color scheme palette generator and editor

Create and edit the color palette using the color scheme and palette generator. A color wheel generator. Apply the color palette to design mockups.

Color wheel - Color palette generator and editor

Generate a random color palette by selecting the color scheme. The palette generator also comes with a website mockup, mobile app mockup, geometric pattern, T-Shirt designs, and graphs. Check how the palette looks by applying the color palette to the different mockups and designs provided by the editor.

  • Random 3 color palette
  • Random 4 color palette
  • Random 6 color palette
  • Monochromatic
  • Analogous
  • Complementary
  • Split Complementary
  • Triadic
  • Tetradic
  • Hexadic

3 Color Palette Generator for 60-30-10 rule


Generate three color palette that work well together and can be used as the primary, secondary, and accent colors in your design. By using just three colors, you can create a sense of balance and simplicity, while still allowing for plenty of creativity. The 60-30-10 rule is a popular guideline for using three-color palettes in design. According to this rule, 60% of your design should be made up of the dominant color, 30% should be the secondary color, and 10% should be the accent color.


4 Color Palette Generator


Four color palettes offer more flexibility and complexity in design than three-color palettes. With four colors, you can create a wider range of moods and styles, while still maintaining balance and harmony. One common way to use a four-color palette is to choose a dominant color, two supporting colors, and an accent color. The dominant color should be the main color in your design, while the supporting colors should complement it. The accent color can be used to add a pop of color and draw attention to certain elements, just as in a three-color palette.


6 Color Palette Generator


If you're looking to add a touch of vibrancy to your design or require more variety in terms of color options, six color palettes can be an good option. These palettes offer a diverse range of colors, providing you with the flexibility you need to create a visually striking and eye-catching design.
Six-color palettes provide even more flexibility and complexity in design than four-color palettes. With six colors, you can create a wide range of moods and styles, while still maintaining balance and harmony. One way to use a six-color palette is to choose a dominant color, two supporting colors, and three accent colors. Another way to use a six-color palette is to choose three sets of complementary colors. For example, you might choose blue and orange as one set, green and purple as another set, and yellow and red as a third set. When used together, these colors can create a sense of vibrancy and energy, while still maintaining balance.


Pastel Color Palette Generator: A Soft Touch for Design


Pastel color palettes are known for their soft, muted tones that evoke calmness.
Colorxs pastel color palette generator is a fantastic tool for designers and creatives like you to incorporate these delicate shades into the project. Generate endless pastel combinations that perfectly balance soft hues.




Explore Color Palettes