Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/5f6ce6-6f7ae8-7f89eb-8f98ed-9fa6f0-afb5f2-bfc4f5-cfd2f7-dfe1fa-eff0fc-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 5F6CE6
RGB: 95,108,230
Hex: 6F7AE8
RGB: 111,122,232
Hex: 7F89EB
RGB: 127,137,235
Hex: 8F98ED
RGB: 143,152,237
Hex: 9FA6F0
RGB: 159,166,240
Hex: AFB5F2
RGB: 175,181,242
Hex: BFC4F5
RGB: 191,196,245
Hex: CFD2F7
RGB: 207,210,247
Hex: DFE1FA
RGB: 223,225,250
Hex: EFF0FC
RGB: 239,240,252
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
EFF0FD
DFE2FA
CFD3F8
BFC4F5
AFB6F3
9FA7F0
8F98EE
7F89EB
6F7BE9
5F6CE6
5661CF
4C56B8
434CA1
39418A
303673
262B5C
1C2045
13162E
090B17
000000
FFFFFF
F1F2FD
E2E4FA
D4D7F8
C5CAF6
B7BDF4
A9AFF1
9AA2EF
8C95ED
7D87EA
6F7AE8
646ED1
5962BA
4E55A2
43498B
383D74
2C315D
212546
16182E
0B0C17
000000
FFFFFF
F2F3FD
E5E7FB
D9DCF9
CCD0F7
BFC4F5
B2B8F3
A5ACF1
99A1EF
8C95ED
7F89EB
727BD4
666EBC
5960A5
4C528D
404576
33375E
262946
191B2F
0D0E17
000000
FFFFFF
F4F5FD
E9EAFB
DDE0FA
D2D6F8
C7CCF6
BCC1F4
B1B7F2
A5ADF1
9AA2EF
8F98ED
8189D5
727ABE
646AA6
565B8E
484C77
393D5F
2B2E47
1D1E2F
0E0F18
000000
FFFFFF
F5F6FE
ECEDFC
E2E4FB
D9DBF9
CFD3F8
C5CAF6
BCC1F5
B2B8F3
A9AFF2
9FA6F0
8F95D8
7F85C0
6F74A8
5F6490
505378
404260
303248
202130
101118
000000
FFFFFF
F7F8FE
EFF0FC
E7E9FB
DFE1FA
D7DAF9
CFD3F7
C7CBF6
BFC4F5
B7BCF3
AFB5F2
9EA3DA
8C91C2
7A7FA9
696D91
585B79
464861
343649
232430
111218
000000
FFFFFF
F9F9FE
F2F3FD
ECEDFC
E5E7FB
DFE2FA
D9DCF9
D2D6F8
CCD0F7
C5CAF6
BFC4F5
ACB0DD
999DC4
8689AC
737693
60627B
4C4E62
393B49
262731
131418
000000
FFFFFF
FAFBFE
F5F6FD
F1F2FD
ECEDFC
E7E9FB
E2E4FA
DDE0F9
D9DBF9
D4D7F8
CFD2F7
BABDDE
A6A8C6
9193AD
7C7E94
68697C
535463
3E3F4A
292A31
151519
000000
FFFFFF
FCFCFF
F9F9FE
F5F6FE
F2F3FD
EFF0FD
ECEDFC
E9EAFC
E5E7FB
E2E4FB
DFE1FA
C9CBE1
B2B4C8
9C9EAF
868796
70717D
595A64
43434B
2D2D32
161619
000000
FFFFFF
FDFEFF
FCFCFE
FAFBFE
F9F9FE
F7F8FE
F5F6FD
F4F5FD
F2F3FD
F1F2FC
EFF0FC
D7D8E3
BFC0CA
A7A8B0
8F9097
78787E
606065
48484C
303032
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