Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/7a7cbd-6d6faa-616397-555684-494a71-3d3e5e-30314b-242538-181825-0c0c12-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 7A7CBD
RGB: 122,124,189
Hex: 6D6FAA
RGB: 109,111,170
Hex: 616397
RGB: 97,99,151
Hex: 555684
RGB: 85,86,132
Hex: 494A71
RGB: 73,74,113
Hex: 3D3E5E
RGB: 61,62,94
Hex: 30314B
RGB: 48,49,75
Hex: 242538
RGB: 36,37,56
Hex: 181825
RGB: 24,24,37
Hex: 0C0C12
RGB: 12,12,18
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
F2F2F8
E4E5F2
D7D8EB
CACBE5
BDBEDE
AFB0D7
A2A3D1
9596CA
8789C4
7A7CBD
6E70AA
626397
555784
494A71
3D3E5F
31324C
252539
181926
0C0C13
000000
FFFFFF
F0F1F7
E2E2EE
D3D4E6
C5C5DD
B6B7D5
A7A9CC
999AC4
8A8CBB
7C7DB3
6D6FAA
626499
575988
4C4E77
414366
373855
2C2C44
212133
161622
0B0B11
000000
FFFFFF
EFEFF5
DFE0EA
D0D0E0
C0C1D5
B0B1CB
A0A1C1
9092B6
8182AC
7173A1
616397
575988
4E4F79
44456A
3A3B5B
31324C
27283C
1D1E2D
13141E
0A0A0F
000000
FFFFFF
EEEEF3
DDDDE6
CCCCDA
BBBBCE
AAABC2
999AB5
8889A9
77789D
666790
555684
4D4D77
44456A
3B3C5C
33344F
2B2B42
222235
191A28
11111A
08090D
000000
FFFFFF
EDEDF1
DBDBE3
C8C9D4
B6B7C6
A4A5B8
9292AA
80809C
6D6E8D
5B5C7F
494A71
424366
3A3B5A
33344F
2C2C44
252539
1D1E2D
161622
0F0F17
07070B
000000
FFFFFF
ECECEF
D8D8DF
C5C5CF
B1B2BF
9E9FAF
8B8B9E
77788E
64657E
50516E
3D3E5E
373855
31324B
2B2B42
252538
1F1F2F
181926
12131C
0C0C13
060609
000000
FFFFFF
EAEAED
D6D6DB
C1C1C9
ACADB7
9898A5
838393
6E6F81
595A6F
45465D
30314B
2B2C44
26273C
222235
1D1D2D
181926
13141E
0E0F16
0A0A0F
050507
000000
FFFFFF
E9E9EB
D3D3D7
BDBEC3
A7A8AF
92929C
7C7C88
666674
505160
3A3B4C
242538
202132
1D1E2D
191A27
161622
12131C
0E0F16
0B0B11
07070B
040406
000000
FFFFFF
E8E8E9
D1D1D3
BABABE
A3A3A8
8C8C92
74747C
5D5D66
464651
2F2F3B
181825
161621
13131E
11111A
0E0E16
0C0C13
0A0A0F
07070B
050507
020204
000000
FFFFFF
E7E7E7
CECED0
B6B6B8
9E9EA0
868689
6D6D71
555559
3D3D41
24242A
0C0C12
0B0B10
0A0A0E
08080D
07070B
060609
050507
040405
020204
010102
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