Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/2170ff-377eff-4d8cff-639aff-79a9ff-90b7ff-a6c5ff-bcd4ff-d2e2ff-e8f0ff-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 2170FF
RGB: 33,112,255
Hex: 377EFF
RGB: 55,126,255
Hex: 4D8CFF
RGB: 77,140,255
Hex: 639AFF
RGB: 99,154,255
Hex: 79A9FF
RGB: 121,169,255
Hex: 90B7FF
RGB: 144,183,255
Hex: A6C5FF
RGB: 166,197,255
Hex: BCD4FF
RGB: 188,212,255
Hex: D2E2FF
RGB: 210,226,255
Hex: E8F0FF
RGB: 232,240,255
Hex: FFFFFF
RGB: 255,255,255
-100%
-90%
-80%
-70%
-60%
-50%
-40%
-30%
-20%
-10%
Original
10%
20%
30%
40%
50%
60%
70%
80%
90%
100%
FFFFFF
E9F1FF
D3E2FF
BCD4FF
A6C6FF
90B8FF
7AA9FF
649BFF
4D8DFF
377EFF
2170FF
1E65E6
1A5ACC
174EB3
144399
113880
0D2D66
0A224C
071633
030B19
000000
FFFFFF
EBF2FF
D7E5FF
C3D8FF
AFCBFF
9BBFFF
87B2FF
73A5FF
5F98FF
4B8BFF
377EFF
3271E6
2C65CC
2758B3
214C99
1C3F80
163266
10264C
0B1933
050D19
000000
FFFFFF
EDF4FF
DBE8FF
CADDFF
B8D1FF
A6C6FF
94BAFF
82AFFF
71A3FF
5F98FF
4D8CFF
457EE6
3E70CC
3662B3
2E5499
274680
1F3866
172A4C
0F1C33
080E19
000000
FFFFFF
EFF5FF
E0EBFF
D0E1FF
C1D7FF
B1CDFF
A1C2FF
92B8FF
82AEFF
73A4FF
639AFF
598BE6
4F7BCC
456CB3
3B5C99
324D80
283E66
1E2E4C
141F33
0A0F19
000000
FFFFFF
F2F6FF
E4EEFF
D7E5FF
C9DDFF
BCD4FF
AFCBFF
A1C3FF
94BAFF
86B2FF
79A9FF
6D98E6
6187CC
5576B3
496599
3D5580
304466
24334C
182233
0C1119
000000
FFFFFF
F4F8FF
E9F1FF
DEE9FF
D3E2FF
C8DBFF
BCD4FF
B1CDFF
A6C5FF
9BBEFF
90B7FF
82A5E6
7392CC
6580B3
566E99
485C80
3A4966
2B374C
1D2533
0E1219
000000
FFFFFF
F6F9FF
EDF3FF
E4EEFF
DBE8FF
D3E2FF
CADCFF
C1D6FF
B8D1FF
AFCBFF
A6C5FF
95B1E6
859ECC
748AB3
647699
536380
424F66
323B4C
212733
111419
000000
FFFFFF
F8FBFF
F2F6FF
EBF2FF
E4EEFF
DEEAFF
D7E5FF
D0E1FF
C9DDFF
C3D8FF
BCD4FF
A9BFE6
96AACC
8494B3
717F99
5E6A80
4B5566
38404C
262A33
131519
000000
FFFFFF
FBFCFF
F6F9FF
F2F6FF
EDF3FF
E9F1FF
E4EEFF
E0EBFF
DBE8FF
D7E5FF
D2E2FF
BDCBE6
A8B5CC
939EB3
7E8899
697180
545A66
3F444C
2A2D33
151719
000000
FFFFFF
FDFEFF
FAFCFF
F8FBFF
F6F9FF
F4F8FF
F1F6FF
EFF5FF
EDF3FF
EAF2FF
E8F0FF
D1D8E6
BAC0CC
A2A8B3
8B9099
747880
5D6066
46484C
2E3033
171819
000000
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
E6E6E6
CCCCCC
B3B3B3
999999
808080
666666
4C4C4C
333333
191919
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