Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/122578-10216c-0e1d60-0c1954-0a1648-09123c-070e30-050b24-030718-01030c-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 122578
RGB: 18,37,120
Hex: 10216C
RGB: 16,33,108
Hex: 0E1D60
RGB: 14,29,96
Hex: 0C1954
RGB: 12,25,84
Hex: 0A1648
RGB: 10,22,72
Hex: 09123C
RGB: 9,18,60
Hex: 070E30
RGB: 7,14,48
Hex: 050B24
RGB: 5,11,36
Hex: 030718
RGB: 3,7,24
Hex: 01030C
RGB: 1,3,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
E7E9F2
D0D3E4
B8BED7
A0A8C9
8992BC
717CAE
5966A1
415193
2A3B86
122578
10216C
0E1E60
0D1A54
0B1648
09133C
070F30
050B24
040718
02040C
000000
FFFFFF
E7E9F0
CFD3E2
B7BCD3
9FA6C4
8890B6
707AA7
586498
404D89
28377B
10216C
0E1E61
0D1A56
0B174C
0A1441
081136
060D2B
050A20
030716
02030B
000000
FFFFFF
E7E8EF
CFD2DF
B7BBCF
9FA5BF
878EB0
6E77A0
566190
3E4A80
263470
0E1D60
0D1A56
0B174D
0A1443
08113A
070F30
060C26
04091D
030613
01030A
000000
FFFFFF
E7E8EE
CED1DD
B6BACC
9EA3BB
868CAA
6D7598
555E87
3D4776
243065
0C1954
0B174C
0A1443
08123B
070F32
060D2A
050A22
040719
020511
010208
000000
FFFFFF
E7E8ED
CED0DA
B6B9C8
9DA2B6
858BA4
6C7391
545C7F
3B456D
232D5A
0A1648
091441
08123A
070F32
060D2B
050B24
04091D
030716
02040E
010207
000000
FFFFFF
E6E7EC
CED0D8
B5B8C5
9DA0B1
84899E
6B718A
535977
3A4163
222A50
09123C
081036
070E30
060D2A
050B24
05091E
040718
030512
02040C
010206
000000
FFFFFF
E6E7EA
CDCFD6
B5B7C1
9C9FAC
838798
6A6E83
51566E
393E59
202645
070E30
060D2B
060B26
050A22
04081D
040718
030613
02040E
01030A
010105
000000
FFFFFF
E6E7E9
CDCED3
B4B6BD
9B9DA7
828592
696D7C
505466
373C50
1E233A
050B24
050A20
04091D
040819
030716
030612
02040E
01030B
010207
000104
000000
FFFFFF
E6E6E8
CDCDD1
B3B5BA
9A9CA3
81838C
686A74
4F515D
353946
1C202F
030718
030616
020613
020511
02040E
02040C
01030A
010207
010105
000102
000000
FFFFFF
E6E6E7
CCCDCE
B3B3B6
999A9E
808186
67686D
4D4F55
34353D
1A1C24
01030C
01030B
01020A
010208
010207
010206
000105
000104
000102
000001
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