Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/7a7c93-6d6f84-616375-555666-494a58-3d3e49-30313a-24252c-18181d-0c0c0e-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 7A7C93
RGB: 122,124,147
Hex: 6D6F84
RGB: 109,111,132
Hex: 616375
RGB: 97,99,117
Hex: 555666
RGB: 85,86,102
Hex: 494A58
RGB: 73,74,88
Hex: 3D3E49
RGB: 61,62,73
Hex: 30313A
RGB: 48,49,58
Hex: 24252C
RGB: 36,37,44
Hex: 18181D
RGB: 24,24,29
Hex: 0C0C0E
RGB: 12,12,14
Hex: 000000
RGB: 0,0,0
-100%
-90%
-80%
-70%
-60%
-50%
-40%
-30%
-20%
-10%
Original
10%
20%
30%
40%
50%
60%
70%
80%
90%
100%
FFFFFF
F2F2F4
E4E5E9
D7D8DF
CACBD4
BDBEC9
AFB0BE
A2A3B3
9596A9
87899E
7A7C93
6E7084
626376
555767
494A58
3D3E4A
31323B
25252C
18191D
0C0C0F
000000
FFFFFF
F0F1F3
E2E2E6
D3D4DA
C5C5CE
B6B7C2
A7A9B5
999AA9
8A8C9D
7C7D90
6D6F84
626477
57596A
4C4E5C
41434F
373842
2C2C35
212128
16161A
0B0B0D
000000
FFFFFF
EFEFF1
DFE0E3
D0D0D6
C0C1C8
B0B1BA
A0A1AC
90929E
818291
717383
616375
575969
4E4F5E
444552
3A3B46
31323B
27282F
1D1E23
131417
0A0A0C
000000
FFFFFF
EEEEF0
DDDDE0
CCCCD1
BBBBC2
AAABB3
999AA3
888994
777885
666775
555666
4D4D5C
444552
3B3C47
33343D
2B2B33
222229
191A1F
111114
08090A
000000
FFFFFF
EDEDEE
DBDBDE
C8C9CD
B6B7BC
A4A5AC
92929B
80808A
6D6E79
5B5C69
494A58
42434F
3A3B46
33343E
2C2C35
25252C
1D1E23
16161A
0F0F12
070709
000000
FFFFFF
ECECED
D8D8DB
C5C5C8
B1B2B6
9E9FA4
8B8B92
777880
64656D
50515B
3D3E49
373842
31323A
2B2B33
25252C
1F1F25
18191D
121316
0C0C0F
060607
000000
FFFFFF
EAEAEB
D6D6D8
C1C1C4
ACADB0
98989D
838389
6E6F75
595A61
45464E
30313A
2B2C34
26272E
222229
1D1D23
18191D
131417
0E0F11
0A0A0C
050506
000000
FFFFFF
E9E9EA
D3D3D5
BDBEC0
A7A8AB
929296
7C7C80
66666B
505156
3A3B41
24252C
202128
1D1E23
191A1F
16161A
121316
0E0F12
0B0B0D
070709
040404
000000
FFFFFF
E8E8E8
D1D1D2
BABABB
A3A3A5
8C8C8E
747477
5D5D61
46464A
2F2F34
18181D
16161A
131317
111114
0E0E11
0C0C0F
0A0A0C
070709
050506
020203
000000
FFFFFF
E7E7E7
CECECF
B6B6B7
9E9E9F
868687
6D6D6E
555556
3D3D3E
242426
0C0C0E
0B0B0D
0A0A0B
08080A
070708
060607
050506
040404
020203
010101
000000
FFFFFF
E6E6E6
CCCCCC
B3B3B3
999999
808080
666666
4D4D4D
333333
1A1A1A
000000
000000
000000
000000
000000
000000
000000
000000
000000
000000
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