Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/63677d-595c70-4f5264-454857-3b3d4b-31333e-272932-1d1e25-131419-090a0c-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 63677D
RGB: 99,103,125
Hex: 595C70
RGB: 89,92,112
Hex: 4F5264
RGB: 79,82,100
Hex: 454857
RGB: 69,72,87
Hex: 3B3D4B
RGB: 59,61,75
Hex: 31333E
RGB: 49,51,62
Hex: 272932
RGB: 39,41,50
Hex: 1D1E25
RGB: 29,30,37
Hex: 131419
RGB: 19,20,25
Hex: 090A0C
RGB: 9,10,12
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
EFF0F2
E0E1E5
D0D1D8
C1C2CB
B1B3BE
A1A4B1
9295A4
828597
73768A
63677D
595D71
4F5264
454858
3B3E4B
32343F
282932
1E1F25
141519
0A0A0C
000000
FFFFFF
EEEFF1
DEDEE2
CDCED4
BDBEC6
ACAEB8
9B9DA9
8B8D9B
7A7D8D
6A6C7E
595C70
505365
474A5A
3E404E
353743
2D2E38
24252D
1B1C22
121216
09090B
000000
FFFFFF
EDEEF0
DCDCE0
CACBD1
B9BAC1
A7A9B2
9597A2
848693
727583
616374
4F5264
474A5A
3F4250
373946
2F313C
282932
202128
18191E
101014
08080A
000000
FFFFFF
ECEDEE
DADADD
C7C8CD
B5B6BC
A2A4AB
8F919A
7D7F89
6A6D79
585A68
454857
3E414E
373A46
30323D
292B34
23242C
1C1D23
15161A
0E0E11
070709
000000
FFFFFF
EBECED
D8D8DB
C4C5C9
B1B1B7
9D9EA5
898B93
767781
62646F
4F505D
3B3D4B
353744
2F313C
292B35
23252D
1E1F26
18181E
121216
0C0C0F
060607
000000
FFFFFF
EAEBEC
D6D6D8
C1C2C5
ADADB2
98999F
83858B
6F7078
5A5C65
464751
31333E
2C2E38
272932
22242B
1D1F25
191A1F
141419
0F0F13
0A0A0C
050506
000000
FFFFFF
E9EAEB
D4D4D6
BEBFC2
A9A9AD
939499
7D7F84
686970
52545B
3D3E47
272932
23252D
1F2128
1B1D23
17191E
141519
101014
0C0C0F
08080A
040405
000000
FFFFFF
E8E9E9
D2D2D3
BBBCBE
A5A5A8
8E8F92
77787C
616266
4A4B51
34353B
1D1E25
1A1B21
17181E
14151A
111216
0F0F13
0C0C0F
09090B
060607
030304
000000
FFFFFF
E7E8E8
D0D0D1
B8B9BA
A1A1A3
898A8C
717275
5A5B5E
424347
2B2C30
131419
111217
0F1014
0D0E12
0B0C0F
0A0A0D
08080A
060607
040405
020202
000000
FFFFFF
E6E7E7
CECECE
B5B6B6
9D9D9E
848586
6B6C6D
535455
3A3B3D
222324
090A0C
08090B
07080A
060708
050607
050506
040405
030304
020202
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