Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/707996-646c87-596078-4e5469-43485a-383c4b-2c303c-21242d-16181e-0b0c0f-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 707996
RGB: 112,121,150
Hex: 646C87
RGB: 100,108,135
Hex: 596078
RGB: 89,96,120
Hex: 4E5469
RGB: 78,84,105
Hex: 43485A
RGB: 67,72,90
Hex: 383C4B
RGB: 56,60,75
Hex: 2C303C
RGB: 44,48,60
Hex: 21242D
RGB: 33,36,45
Hex: 16181E
RGB: 22,24,30
Hex: 0B0C0F
RGB: 11,12,15
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
F1F2F5
E2E4EA
D4D7E0
C6C9D5
B8BCCB
A9AFC0
9BA1B6
8D94AB
7E86A1
707996
656D87
5A6178
4E5569
43495A
383D4B
2D303C
22242D
16181E
0B0C0F
000000
FFFFFF
F0F0F3
E0E2E7
D1D3DB
C1C4CF
B2B6C3
A2A7B7
9398AB
83899F
747B93
646C87
5A617A
50566C
464C5F
3C4151
323644
282B36
1E2028
14161B
0A0B0D
000000
FFFFFF
EEEFF2
DEDFE4
CDCFD7
BDBFC9
ACB0BC
9BA0AE
8B90A1
7A8093
6A7086
596078
50566C
474D60
3E4354
353A48
2D303C
242630
1B1D24
121318
090A0C
000000
FFFFFF
EDEEF0
DCDDE1
CACCD2
B8BBC3
A7AAB4
9598A5
838796
717687
606578
4E5469
464C5F
3E4354
373B4A
2F323F
272A35
1F222A
17191F
101115
08080A
000000
FFFFFF
ECEDEF
D9DADE
C7C8CE
B4B6BD
A1A4AD
8E919C
7B7F8C
696D7B
565A6B
43485A
3C4151
363A48
2F323F
282B36
22242D
1B1D24
14161B
0D0E12
070709
000000
FFFFFF
EBECED
D7D8DB
C3C5C9
AFB1B7
9C9EA5
888A93
747781
60636F
4C505D
383C4B
323644
2D303C
272A35
22242D
1C1E26
16181E
111216
0B0C0F
060607
000000
FFFFFF
EAEAEC
D5D6D8
C0C1C5
ABACB1
96989E
80838A
6B6E77
565963
414550
2C303C
282B36
232630
1F222A
1A1D24
16181E
121318
0D0E12
090A0C
040506
000000
FFFFFF
E9E9EA
D3D3D5
BCBDC0
A6A7AB
909296
7A7C81
64666C
4D5057
373A42
21242D
1E2029
1A1D24
17191F
14161B
111217
0D0E12
0A0B0D
070709
030404
000000
FFFFFF
E8E8E9
D0D1D2
B9BABC
A2A3A5
8B8C8F
737478
5C5D62
45464B
2D2F35
16181E
14161B
121318
0F1115
0D0E12
0B0C0F
090A0C
070709
040506
020203
000000
FFFFFF
E7E7E7
CECECF
B6B6B7
9D9E9F
858687
6D6D6F
545557
3C3D3F
232427
0B0C0F
0A0B0E
090A0C
08080B
070709
060608
040506
030404
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