Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/3c7fa0-367290-306580-2a5870-244c60-1e3f50-183240-122630-0c1920-060c10-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 3C7FA0
RGB: 60,127,160
Hex: 367290
RGB: 54,114,144
Hex: 306580
RGB: 48,101,128
Hex: 2A5870
RGB: 42,88,112
Hex: 244C60
RGB: 36,76,96
Hex: 1E3F50
RGB: 30,63,80
Hex: 183240
RGB: 24,50,64
Hex: 122630
RGB: 18,38,48
Hex: 0C1920
RGB: 12,25,32
Hex: 060C10
RGB: 6,12,16
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
ECF2F6
D8E5EC
C5D9E3
B1CCD9
9EBFD0
8AB2C6
77A5BD
6399B3
508CAA
3C7FA0
367290
306680
2A5970
244C60
1E4050
183340
122630
0C1920
060D10
000000
FFFFFF
EBF1F4
D7E3E9
C3D5DE
AFC7D3
9BB9C8
86AABC
729CB1
5E8EA6
4A809B
367290
316782
2B5B73
265065
204456
1B3948
162E3A
10222B
0B171D
050B0E
000000
FFFFFF
EAF0F2
D6E0E6
C1D1D9
ACC1CC
98B2C0
83A3B3
6E93A6
598499
45748D
306580
2B5B73
265166
22475A
1D3D4D
183340
132833
0E1E26
0A141A
050A0D
000000
FFFFFF
EAEEF1
D4DEE2
BFCDD4
AABCC6
95ACB8
7F9BA9
6A8A9B
55798D
3F697E
2A5870
264F65
22465A
1D3E4E
193543
152C38
11232D
0D1A22
081216
04090B
000000
FFFFFF
E9EDEF
D3DBDF
BDC9CF
A7B7BF
92A6B0
7C94A0
668290
507080
3A5E70
244C60
204456
1D3D4D
193543
162E3A
122630
0E1E26
0B171D
070F13
04080A
000000
FFFFFF
E9ECEE
D2D9DC
BCC5CB
A5B2B9
8F9FA8
788C96
627985
4B6573
355262
1E3F50
1B3948
183240
152C38
122630
0F2028
0C1920
091318
060D10
030608
000000
FFFFFF
E8EBEC
D1D6D9
BAC2C6
A3ADB3
8C99A0
74848C
5D7079
465B66
2F4753
183240
162D3A
132833
11232D
0E1E26
0C1920
0A141A
070F13
050A0D
020506
000000
FFFFFF
E7E9EA
D0D4D6
B8BEC1
A0A8AC
899398
717D83
59676E
415159
2A3C45
122630
10222B
0E1E26
0D1B22
0B171D
091318
070F13
050B0E
04080A
020405
000000
FFFFFF
E7E8E9
CED1D2
B6BABC
9EA3A6
868C90
6D7579
555E63
3D474D
243036
0C1920
0B171D
0A141A
081216
070F13
060D10
050A0D
04070A
020506
010203
000000
FFFFFF
E6E7E7
CDCECF
B4B6B7
9B9E9F
838688
6A6D70
515558
383D40
1F2428
060C10
050B0E
050A0D
04080B
04070A
030608
020506
020405
010203
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