Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/1978cb-166cb6-1460a2-11548e-0f4879-0c3c65-093051-07243c-051828-020c14-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 1978CB
RGB: 25,120,203
Hex: 166CB6
RGB: 22,108,182
Hex: 1460A2
RGB: 20,96,162
Hex: 11548E
RGB: 17,84,142
Hex: 0F4879
RGB: 15,72,121
Hex: 0C3C65
RGB: 12,60,101
Hex: 093051
RGB: 9,48,81
Hex: 07243C
RGB: 7,36,60
Hex: 051828
RGB: 5,24,40
Hex: 020C14
RGB: 2,12,20
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
E8F2FA
D1E4F5
BAD7EF
A3C9EA
8CBCE5
75AEE0
5EA1DB
4793D5
3086D0
1978CB
176CB7
1460A2
12548E
0F487A
0D3C66
0A3051
07243D
051829
020C14
000000
FFFFFF
E8F0F8
D0E2F0
B9D3E9
A2C4E2
8BB6DB
73A7D3
5C98CC
4589C5
2D7BBD
166CB6
1461A4
125692
0F4C7F
0D416D
0B365B
092B49
072037
041624
020B12
000000
FFFFFF
E8EFF6
D0DFEC
B9CFE3
A1BFDA
8AB0D1
72A0C7
5B90BE
4380B5
2C70AB
1460A2
125692
104D82
0E4371
0C3A61
0A3051
082641
061D31
041320
020A10
000000
FFFFFF
E7EEF4
CFDDE8
B8CCDD
A0BBD2
88AAC7
7098BB
5887B0
4176A5
296599
11548E
0F4C80
0E4372
0C3B63
0A3255
092A47
072239
05192B
03111C
02080E
000000
FFFFFF
E7EDF2
CFDAE4
B7C8D7
9FB6C9
87A4BC
6F91AF
577FA1
3F6D94
275A86
0F4879
0E416D
0C3A61
0B3255
092B49
08243D
061D30
041624
030E18
01070C
000000
FFFFFF
E7ECF0
CED8E0
B6C5D1
9EB1C1
869EB2
6D8AA3
557793
3D6384
245074
0C3C65
0B365B
0A3051
082A47
07243D
061E33
051828
04121E
020C14
01060A
000000
FFFFFF
E6EAEE
CED6DC
B5C1CB
9DACB9
8498A8
6B8397
536E85
3A5974
224562
093051
082B49
072641
062239
051D31
051829
041320
030E18
020A10
010508
000000
FFFFFF
E6E9EC
CDD3D8
B5BDC5
9CA7B1
83929E
6A7C8A
516677
395063
203A50
07243C
062036
061D30
05192A
041624
04121E
030E18
020B12
01070C
010406
000000
FFFFFF
E6E8EA
CDD1D4
B4BABF
9BA3A9
828C94
69747E
505D69
374653
1E2F3E
051828
051624
041320
04111C
030E18
030C14
020A10
01070C
010508
000204
000000
FFFFFF
E6E7E8
CCCED0
B3B6B9
9A9EA1
81868A
676D72
4E555B
353D43
1B242C
020C14
020B12
020A10
01080E
01070C
01060A
010508
010406
000204
000102
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