Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/1266f1-105bd8-0e51c0-0c47a8-0a3d90-093378-072860-051e48-031430-010a18-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 1266F1
RGB: 18,102,241
Hex: 105BD8
RGB: 16,91,216
Hex: 0E51C0
RGB: 14,81,192
Hex: 0C47A8
RGB: 12,71,168
Hex: 0A3D90
RGB: 10,61,144
Hex: 093378
RGB: 9,51,120
Hex: 072860
RGB: 7,40,96
Hex: 051E48
RGB: 5,30,72
Hex: 031430
RGB: 3,20,48
Hex: 010A18
RGB: 1,10,24
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
E7F0FE
D0E0FC
B8D1FB
A0C2F9
89B3F8
71A3F7
5994F5
4185F4
2A75F2
1266F1
105CD9
0E52C1
0D47A9
0B3D91
093379
072960
051F48
041430
020A18
000000
FFFFFF
E7EFFB
CFDEF7
B7CEF3
9FBDEF
88ADEC
709DE8
588CE4
407CE0
286BDC
105BD8
0E52C2
0D49AD
0B4097
0A3782
082E6C
062456
051B41
03122B
020916
000000
FFFFFF
E7EEF9
CFDCF2
B7CBEC
9FB9E6
87A8E0
6E97D9
5685D3
3E74CD
2662C6
0E51C0
0D49AD
0B419A
0A3986
083173
072960
06204D
04183A
031026
010813
000000
FFFFFF
E7EDF6
CEDAEE
B6C8E5
9EB5DC
86A3D4
6D91CB
557EC2
3D6CB9
2459B1
0C47A8
0B4097
0A3986
083276
072B65
062454
051C43
041532
020E22
010711
000000
FFFFFF
E7ECF4
CED8E9
B6C5DE
9DB1D3
859EC8
6C8BBC
5477B1
3B64A6
23509B
0A3D90
093782
083173
072B65
062556
051F48
04183A
03122B
020C1D
01060E
000000
FFFFFF
E6EBF2
CED6E4
B5C2D7
9DADC9
8499BC
6B85AE
5370A1
3A5C93
224786
093378
082E6C
072960
062454
051F48
051A3C
041430
030F24
020A18
01050C
000000
FFFFFF
E6EAEF
CDD4DF
B5BFCF
9CA9BF
8394B0
6A7EA0
516990
395380
203E70
072860
062456
06204D
051C43
04183A
041430
031026
020C1D
010813
01040A
000000
FFFFFF
E6E9ED
CDD2DA
B4BCC8
9BA5B6
828FA4
697891
50627F
374B6D
1E355A
051E48
051B41
04183A
041532
03122B
030F24
020C1D
010916
01060E
000307
000000
FFFFFF
E6E8EA
CDD0D6
B3B9C1
9AA1AC
818A98
687283
4F5B6E
354359
1C2C45
031430
03122B
021026
020E22
020C1D
020A18
010813
01060E
01040A
000205
000000
FFFFFF
E6E7E8
CCCED1
B3B6BA
999DA3
80858C
676C74
4D545D
343B46
1A232F
010A18
010916
010813
010711
01060E
01050C
00040A
000307
000205
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