Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/1ab7ea-17a4d2-1492bb-1280a3-0f6d8c-0d5b75-0a495d-073646-05242e-021217-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 1AB7EA
RGB: 26,183,234
Hex: 17A4D2
RGB: 23,164,210
Hex: 1492BB
RGB: 20,146,187
Hex: 1280A3
RGB: 18,128,163
Hex: 0F6D8C
RGB: 15,109,140
Hex: 0D5B75
RGB: 13,91,117
Hex: 0A495D
RGB: 10,73,93
Hex: 073646
RGB: 7,54,70
Hex: 05242E
RGB: 5,36,46
Hex: 021217
RGB: 2,18,23
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
E8F8FD
D1F1FB
BAE9F9
A3E2F7
8DDBF5
76D4F2
5FCDF0
48C5EE
31BEEC
1AB7EA
17A5D3
1592BB
1280A4
106E8C
0D5C75
0A495E
083746
05252F
031217
000000
FFFFFF
E8F6FB
D1EDF6
B9E4F2
A2DBED
8BD2E9
74C8E4
5DBFE0
45B6DB
2EADD7
17A4D2
1594BD
1283A8
107393
0E627E
0C5269
094254
07313F
05212A
021015
000000
FFFFFF
E8F4F8
D0E9F1
B9DEEB
A1D3E4
8AC9DD
72BED6
5BB3CF
43A8C9
2C9DC2
1492BB
1283A8
107596
0E6683
0C5870
0A495E
083A4B
062C38
041D25
020F13
000000
FFFFFF
E7F2F6
D0E6ED
B8D9E3
A0CCDA
89C0D1
71B3C8
59A6BF
4199B5
2A8DAC
1280A3
107393
0E6682
0D5A72
0B4D62
094052
073341
052631
041A21
020D10
000000
FFFFFF
E7F0F4
CFE2E8
B7D3DD
9FC5D1
87B6C6
6FA7BA
5799AF
3F8AA3
277C98
0F6D8C
0E627E
0C5770
0B4C62
094154
083746
062C38
04212A
03161C
010B0E
000000
FFFFFF
E7EFF1
CFDEE3
B6CED6
9EBDC8
86ADBA
6E9DAC
568C9E
3D7C91
256B83
0D5B75
0C5269
0A495E
094052
083746
072E3B
05242F
041B23
031217
01090C
000000
FFFFFF
E7EDEF
CEDBDF
B6C8CE
9DB6BE
85A4AE
6C929E
54808E
3B6D7D
235B6D
0A495D
094254
083A4A
073341
062C38
05252F
041D25
03161C
020F13
010709
000000
FFFFFF
E6EBED
CDD7DA
B5C3C8
9CAFB5
839BA3
6A8690
51727E
395E6B
204A59
073646
06313F
062B38
052631
04202A
041B23
03161C
021015
010B0E
010507
000000
FFFFFF
E6E9EA
CDD3D5
B4BDC0
9BA7AB
829297
697C82
50666D
375058
1E3A43
05242E
052029
041D25
041920
03161C
031217
020E12
010B0E
010709
000405
000000
FFFFFF
E6E7E8
CCD0D1
B3B8B9
9AA0A2
81898B
677174
4E595D
354145
1B2A2E
021217
021015
020E12
010D10
010B0E
01090C
010709
010507
000405
000202
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