Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/4293ff-3b84e6-3576cc-2e67b2-285899-214a80-1a3b66-142c4c-0d1d33-070f19-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 4293FF
RGB: 66,147,255
Hex: 3B84E6
RGB: 59,132,230
Hex: 3576CC
RGB: 53,118,204
Hex: 2E67B2
RGB: 46,103,178
Hex: 285899
RGB: 40,88,153
Hex: 214A80
RGB: 33,74,128
Hex: 1A3B66
RGB: 26,59,102
Hex: 142C4C
RGB: 20,44,76
Hex: 0D1D33
RGB: 13,29,51
Hex: 070F19
RGB: 7,15,25
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
ECF4FF
D9E9FF
C6DFFF
B3D4FF
A1C9FF
8EBEFF
7BB3FF
68A9FF
559EFF
4293FF
3B84E6
3576CC
2E67B3
285899
214A80
1A3B66
142C4C
0D1D33
070F19
000000
FFFFFF
EBF3FD
D8E6FA
C4DAF8
B1CEF5
9DC2F3
89B5F0
76A9EE
629DEB
4F90E9
3B84E6
3577CF
2F6AB8
295CA1
234F8A
1E4273
18355C
122845
0C1A2E
060D17
000000
FFFFFF
EBF1FA
D7E4F5
C2D6F0
AEC8EB
9ABBE6
86ADE0
729FDB
5D91D6
4984D1
3576CC
306AB8
2A5EA3
25538F
20477A
1B3B66
152F52
10233D
0B1829
050C14
000000
FFFFFF
EAF0F7
D5E1F0
C0D1E8
ABC2E0
97B3D9
82A4D1
6D95C9
5885C1
4376BA
2E67B2
295DA0
25528E
20487D
1C3E6B
173459
122947
0E1F35
091524
050A12
000000
FFFFFF
EAEEF5
D4DEEB
BFCDE0
A9BCD6
94ACCC
7E9BC2
698AB8
5379AD
3E69A3
285899
244F8A
20467A
1C3E6B
18355C
142C4D
10233D
0C1A2E
08121F
04090F
000000
FFFFFF
E9EDF2
D3DBE6
BCC9D9
A6B7CC
90A5C0
7A92B3
6480A6
4D6E99
375C8D
214A80
1E4373
1A3B66
17345A
142C4D
112540
0D1E33
0A1626
070F1A
03070D
000000
FFFFFF
E8EBF0
D1D8E0
BAC4D1
A3B1C2
8D9DB3
7689A3
5F7694
486285
314F75
1A3B66
17355C
152F52
122947
10233D
0D1E33
0A1829
08121F
050C14
03060A
000000
FFFFFF
E8EAED
D0D5DB
B9C0C9
A1ABB7
8A96A6
728094
5B6B82
435670
2C415E
142C4C
122844
10233D
0E1F35
0C1A2E
0A1626
08121E
060D17
04090F
020408
000000
FFFFFF
E7E8EB
CFD2D6
B6BBC2
9EA5AD
868E99
6E7785
566170
3D4A5C
253447
0D1D33
0C1A2E
0A1729
091424
08111F
070F1A
050C14
04090F
03060A
010305
000000
FFFFFF
E6E7E8
CDCFD1
B5B7BA
9C9FA3
83878C
6A6F75
51575E
393F47
202730
070F19
060E17
060C14
050B12
04090F
04080D
03060A
020407
010305
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