Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/5568ff-6677ff-7786ff-8895ff-99a4ff-aab3ff-bbc2ff-ccd1ff-dde0ff-eeefff-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 5568FF
RGB: 85,104,255
Hex: 6677FF
RGB: 102,119,255
Hex: 7786FF
RGB: 119,134,255
Hex: 8895FF
RGB: 136,149,255
Hex: 99A4FF
RGB: 153,164,255
Hex: AAB3FF
RGB: 170,179,255
Hex: BBC2FF
RGB: 187,194,255
Hex: CCD1FF
RGB: 204,209,255
Hex: DDE0FF
RGB: 221,224,255
Hex: EEEFFF
RGB: 238,239,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
EEF0FF
DDE1FF
CCD2FF
BBC3FF
AAB4FF
99A4FF
8895FF
7786FF
6677FF
5568FF
4D5EE6
4453CC
3B49B3
333E99
2B3480
222A66
191F4C
111533
080A19
000000
FFFFFF
F0F1FF
E0E4FF
D1D6FF
C2C9FF
B3BBFF
A3ADFF
94A0FF
8592FF
7585FF
6677FF
5C6BE6
525FCC
4753B3
3D4799
333C80
293066
1F244C
141833
0A0C19
000000
FFFFFF
F1F3FF
E4E7FF
D6DBFF
C9CFFF
BBC3FF
ADB6FF
A0AAFF
929EFF
8592FF
7786FF
6B79E6
5F6BCC
535EB3
475099
3C4380
303666
24284C
181B33
0C0D19
000000
FFFFFF
F3F4FF
E7EAFF
DBDFFF
CFD5FF
C4CAFF
B8BFFF
ACB5FF
A0AAFF
94A0FF
8895FF
7A86E6
6D77CC
5F68B3
525999
444B80
363C66
292D4C
1B1E33
0E0F19
000000
FFFFFF
F5F6FF
EBEDFF
E0E4FF
D6DBFF
CCD2FF
C2C8FF
B8BFFF
ADB6FF
A3ADFF
99A4FF
8A94E6
7A83CC
6B73B3
5C6299
4D5280
3D4266
2E314C
1F2133
0F1019
000000
FFFFFF
F7F7FF
EEF0FF
E6E8FF
DDE1FF
D5D9FF
CCD1FF
C4CAFF
BBC2FF
B3BBFF
AAB3FF
99A1E6
888FCC
777DB3
666B99
555A80
444866
33364C
222433
111219
000000
FFFFFF
F8F9FF
F1F3FF
EBEDFF
E4E7FF
DDE1FF
D6DAFF
CFD4FF
C9CEFF
C2C8FF
BBC2FF
A8AFE6
969BCC
8388B3
707499
5E6180
4B4E66
383A4C
252733
131319
000000
FFFFFF
FAFAFF
F5F6FF
F0F1FF
EBEDFF
E6E8FF
E0E3FF
DBDFFF
D6DAFF
D1D6FF
CCD1FF
B8BCE6
A3A7CC
8F92B3
7A7D99
666980
525466
3D3F4C
292A33
141519
000000
FFFFFF
FCFCFF
F8F9FF
F5F6FF
F1F3FF
EEF0FF
EBECFF
E7E9FF
E4E6FF
E0E3FF
DDE0FF
C7CAE6
B1B3CC
9B9DB3
858699
6F7080
585A66
42434C
2C2D33
161619
000000
FFFFFF
FDFDFF
FCFCFF
FAFAFF
F8F9FF
F7F7FF
F5F5FF
F3F4FF
F1F2FF
F0F1FF
EEEFFF
D6D7E6
BEBFCC
A7A7B3
8F8F99
777880
5F6066
47484C
303033
181819
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