Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/4f71ac-47659a-3f5a89-374f78-2f4367-273856-1f2d44-172133-0f1622-070b11-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 4F71AC
RGB: 79,113,172
Hex: 47659A
RGB: 71,101,154
Hex: 3F5A89
RGB: 63,90,137
Hex: 374F78
RGB: 55,79,120
Hex: 2F4367
RGB: 47,67,103
Hex: 273856
RGB: 39,56,86
Hex: 1F2D44
RGB: 31,45,68
Hex: 172133
RGB: 23,33,51
Hex: 0F1622
RGB: 15,22,34
Hex: 070B11
RGB: 7,11,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
EDF1F7
DCE3EE
CAD4E6
B9C6DE
A7B8D6
95AACD
849CC5
728DBD
617FB4
4F71AC
47669B
3F5A8A
374F78
2F4467
283956
202D45
182234
101722
080B11
000000
FFFFFF
EDF0F5
DAE0EB
C8D1E1
B5C1D7
A3B2CD
91A3C2
7E93B8
6C84AE
5974A4
47659A
405B8B
39517B
32476C
2B3D5C
24334D
1C283E
151E2E
0E141F
070A0F
000000
FFFFFF
ECEFF3
D9DEE7
C5CEDC
B2BDD0
9FADC4
8C9CB8
798CAC
657BA1
526B95
3F5A89
39517B
32486E
2C3F60
263652
202D45
192437
131B29
0D121B
06090E
000000
FFFFFF
EBEDF2
D7DCE4
C3CAD7
AFB9C9
9BA7BC
8795AE
7384A1
5F7293
4B6186
374F78
32476C
2C3F60
273754
212F48
1C283C
162030
101824
0B1018
05080C
000000
FFFFFF
EAECF0
D5D9E1
C1C7D1
ACB4C2
97A1B3
828EA4
6D7B95
596985
445676
2F4367
2A3C5D
263652
212F48
1C283E
182234
131B29
0E141F
090D15
05070A
000000
FFFFFF
E9EBEE
D4D7DD
BEC3CC
A9AFBB
939CAB
7D889A
687489
526078
3D4C67
273856
23324D
1F2D45
1B273C
172234
141C2B
101622
0C111A
080B11
040609
000000
FFFFFF
E9EAEC
D2D5DA
BCC0C7
A5ABB4
8F96A2
79818F
626C7C
4C5769
354257
1F2D44
1C293D
192436
161F30
131B29
101722
0C121B
090D14
06090E
030407
000000
FFFFFF
E8E9EB
D1D3D6
B9BCC2
A2A6AD
8B9099
747A85
5D6470
454D5C
2E3747
172133
151E2E
121A29
101724
0E141F
0C111A
090D14
070A0F
05070A
020305
000000
FFFFFF
E7E8E9
CFD0D3
B7B9BD
9FA2A7
878B91
6F737A
575C64
3F454E
272D38
0F1622
0E141F
0C121B
0B0F18
090D14
080B11
06090E
04070A
030407
010203
000000
FFFFFF
E6E7E7
CDCECF
B5B6B8
9C9DA0
838588
6A6D70
515458
393C41
202329
070B11
060A0F
06090E
05080C
04070A
040609
030407
020305
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