Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/1c76d7-196ac1-165eac-135296-104681-0e3b6b-0b2f56-082340-05172b-020b15-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 1C76D7
RGB: 28,118,215
Hex: 196AC1
RGB: 25,106,193
Hex: 165EAC
RGB: 22,94,172
Hex: 135296
RGB: 19,82,150
Hex: 104681
RGB: 16,70,129
Hex: 0E3B6B
RGB: 14,59,107
Hex: 0B2F56
RGB: 11,47,86
Hex: 082340
RGB: 8,35,64
Hex: 05172B
RGB: 5,23,43
Hex: 020B15
RGB: 2,11,21
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
E8F1FB
D2E4F7
BBD6F3
A4C8EF
8EBBEB
77ADE7
609FE3
4991DF
3384DB
1C76D7
196AC2
165EAC
145397
114781
0E3B6C
0B2F56
082340
06182B
030C15
000000
FFFFFF
E8F0F9
D1E1F3
BAD2EC
A3C3E6
8CB5E0
75A6DA
5E97D4
4788CD
3079C7
196AC1
175FAE
14559A
124A87
0F4074
0D3561
0A2A4D
07203A
051527
020B13
000000
FFFFFF
E8EFF7
D0DFEE
B9CFE6
A2BFDE
8BAFD6
739ECD
5C8EC5
457EBD
2D6EB4
165EAC
14559B
124B8A
0F4278
0D3867
0B2F56
092645
071C34
041322
020911
000000
FFFFFF
E7EEF5
D0DCEA
B8CBE0
A1BAD5
89A9CB
7197C0
5A86B6
4275AB
2B63A1
135296
114A87
0F4278
0D3969
0B315A
0A294B
08213C
06192D
04101E
02080F
000000
FFFFFF
E7EDF2
CFDAE6
B7C8D9
9FB5CD
88A3C0
7090B3
587EA7
406B9A
28598E
104681
0E3F74
0D3867
0B315A
0A2A4D
082341
061C34
051527
030E1A
02070D
000000
FFFFFF
E7EBF0
CFD8E1
B7C4D3
9FB1C4
879DB5
6E89A6
567697
3E6289
264F7A
0E3B6B
0D3560
0B2F56
0A294B
082340
071E36
06182B
041220
030C15
01060B
000000
FFFFFF
E7EAEE
CED5DD
B6C1CC
9DACBB
8597AB
6D829A
546D89
3C5978
234467
0B2F56
0A2A4D
092645
08213C
071C34
06182B
041322
030E1A
020911
010509
000000
FFFFFF
E6E9EC
CED3D9
B5BDC6
9CA7B3
8491A0
6B7B8C
526579
394F66
213953
082340
07203A
061C33
06192D
051526
041220
030E1A
020A13
02070D
010306
000000
FFFFFF
E6E8EA
CDD1D5
B4B9BF
9BA2AA
828B95
697480
505D6B
374555
1E2E40
05172B
051527
041222
04101E
030E1A
030C16
020911
01070D
010509
000204
000000
FFFFFF
E6E7E8
CCCED0
B3B6B9
9A9DA1
81858A
676D73
4E545B
353C44
1B232C
020B15
020A13
020911
01080F
01070D
01060B
010408
010306
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