Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/5b74e3-6b81e5-7b8fe8-8c9deb-9cabee-adb9f1-bdc7f3-cdd5f6-dee3f9-eef1fc-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 5B74E3
RGB: 91,116,227
Hex: 6B81E5
RGB: 107,129,229
Hex: 7B8FE8
RGB: 123,143,232
Hex: 8C9DEB
RGB: 140,157,235
Hex: 9CABEE
RGB: 156,171,238
Hex: ADB9F1
RGB: 173,185,241
Hex: BDC7F3
RGB: 189,199,243
Hex: CDD5F6
RGB: 205,213,246
Hex: DEE3F9
RGB: 222,227,249
Hex: EEF1FC
RGB: 238,241,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
EFF1FC
DEE3F9
CED5F7
BDC7F4
ADBAF1
9DACEE
8C9EEB
7C90E9
6B82E6
5B74E3
5268CC
495DB6
40519F
374688
2E3A72
242E5B
1B2344
12172D
090C17
000000
FFFFFF
F0F2FC
E1E6FA
D3D9F7
C4CDF5
B5C0F2
A6B3EF
97A7ED
899AEA
7A8EE8
6B81E5
6074CE
5667B7
4B5AA0
404D89
364173
2B345C
202745
151A2E
0B0D17
000000
FFFFFF
F2F4FD
E5E9FA
D7DDF8
CAD2F6
BDC7F4
B0BCF1
A3B1EF
95A5ED
889AEA
7B8FE8
6F81D1
6272BA
5664A2
4A568B
3E4874
31395D
252B46
191D2E
0C0E17
000000
FFFFFF
F4F5FD
E8EBFB
DDE2F9
D1D8F7
C6CEF5
BAC4F3
AFBAF1
A3B1EF
98A7ED
8C9DEB
7E8DD4
707EBC
626EA5
545E8D
464F76
383F5E
2A2F46
1C1F2F
0E1017
000000
FFFFFF
F5F7FD
EBEEFC
E1E6FA
D7DDF8
CED5F7
C4CDF5
BAC4F3
B0BCF1
A6B3F0
9CABEE
8C9AD6
7D89BE
6D78A7
5E678F
4E5677
3E445F
2F3347
1F2230
101118
000000
FFFFFF
F7F8FE
EFF1FC
E6EAFB
DEE3F9
D6DCF8
CED5F7
C6CEF5
BDC7F4
B5C0F2
ADB9F1
9CA7D9
8A94C1
7982A9
686F91
575D79
454A60
343748
232530
111218
000000
FFFFFF
F8F9FE
F2F4FD
EBEEFB
E5E9FA
DEE3F9
D7DDF8
D1D8F7
CAD2F5
C4CDF4
BDC7F3
AAB3DB
979FC2
848BAA
717792
5F647A
4C5061
393C49
262831
131418
000000
FFFFFF
FAFBFE
F5F7FD
F0F2FC
EBEEFB
E6EAFB
E1E6FA
DCE2F9
D7DDF8
D2D9F7
CDD5F6
B9C0DD
A4AAC5
9095AC
7B8094
676B7B
525562
3D404A
292B31
141519
000000
FFFFFF
FCFCFE
F8F9FE
F5F7FD
F2F4FD
EFF1FC
EBEEFB
E8EBFB
E5E9FA
E1E6FA
DEE3F9
C8CCE0
B2B6C7
9B9FAE
858895
6F727D
595B64
43444B
2C2D32
161719
000000
FFFFFF
FDFEFF
FCFCFE
FAFBFE
F8F9FE
F7F8FE
F5F7FD
F3F5FD
F1F4FD
F0F2FC
EEF1FC
D6D9E3
BEC1CA
A7A9B0
8F9197
77797E
5F6065
47484C
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