Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/4a86ae-42789c-3b6b8b-335d79-2c5068-254357-1d3545-162834-0e1a22-070d11-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 4A86AE
RGB: 74,134,174
Hex: 42789C
RGB: 66,120,156
Hex: 3B6B8B
RGB: 59,107,139
Hex: 335D79
RGB: 51,93,121
Hex: 2C5068
RGB: 44,80,104
Hex: 254357
RGB: 37,67,87
Hex: 1D3545
RGB: 29,53,69
Hex: 162834
RGB: 22,40,52
Hex: 0E1A22
RGB: 14,26,34
Hex: 070D11
RGB: 7,13,17
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
EDF3F7
DBE7EF
C9DBE7
B7CFDF
A5C3D7
92B6CE
80AAC6
6E9EBE
5C92B6
4A86AE
43799D
3B6B8B
345E7A
2C5068
254357
1E3646
162834
0F1B23
070D11
000000
FFFFFF
ECF2F5
D9E4EB
C6D7E1
B3C9D7
A1BCCE
8EAEC4
7BA1BA
6893B0
5586A6
42789C
3B6C8C
35607D
2E546D
28485E
213C4E
1A303E
14242F
0D181F
070C10
000000
FFFFFF
EBF0F3
D8E1E8
C4D3DC
B1C4D1
9DB5C5
89A6B9
7697AE
6289A2
4F7A97
3B6B8B
35607D
2F566F
294B61
234053
1E3646
182B38
12202A
0C151C
060B0E
000000
FFFFFF
EBEFF2
D6DFE4
C2CED7
ADBEC9
99AEBC
859EAF
708EA1
5C7D94
476D86
335D79
2E546D
294A61
244155
1F3849
1A2F3D
142530
0F1C24
0A1318
05090C
000000
FFFFFF
EAEEF0
D5DCE1
C0CBD2
ABB9C3
96A8B4
8096A4
6B8595
567386
416277
2C5068
28485E
234053
1F3849
1A303E
162834
12202A
0D181F
091015
04080A
000000
FFFFFF
E9ECEE
D3D9DD
BEC7CD
A8B4BC
92A1AB
7C8E9A
667B89
516979
3B5668
254357
213C4E
1E3646
1A2F3D
162834
13222C
0F1B23
0B141A
070D11
040709
000000
FFFFFF
E8EBEC
D2D7DA
BBC2C7
A5AEB5
8E9AA2
77868F
61727D
4A5D6A
344958
1D3545
1A303E
172A37
142530
112029
0F1B23
0C151C
091015
060B0E
030507
000000
FFFFFF
E8EAEB
D0D4D6
B9BFC2
A2A9AE
8B949A
737E85
5C6971
45535D
2D3E48
162834
14242F
12202A
0F1C24
0D181F
0B141A
091015
070C10
04080A
020405
000000
FFFFFF
E7E8E9
CFD1D3
B7BABD
9FA3A7
878D91
6E767A
565F64
3E484E
263138
0E1A22
0D171F
0B151B
0A1218
081014
070D11
060A0E
04080A
030507
010303
000000
FFFFFF
E6E7E7
CDCFCF
B5B6B8
9C9EA0
838688
6A6E70
515658
393D41
202529
070D11
060C0F
060A0E
05090C
04080A
040709
030507
020405
010303
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