Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/5b5e9d-6b6ea6-7b7eb0-8c8eba-9c9ec4-adaece-bdbed7-cdcee1-dedeeb-eeeef5-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 5B5E9D
RGB: 91,94,157
Hex: 6B6EA6
RGB: 107,110,166
Hex: 7B7EB0
RGB: 123,126,176
Hex: 8C8EBA
RGB: 140,142,186
Hex: 9C9EC4
RGB: 156,158,196
Hex: ADAECE
RGB: 173,174,206
Hex: BDBED7
RGB: 189,190,215
Hex: CDCEE1
RGB: 205,206,225
Hex: DEDEEB
RGB: 222,222,235
Hex: EEEEF5
RGB: 238,238,245
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
EFEFF5
DEDFEB
CECFE2
BDBFD8
ADAFCE
9D9EC4
8C8EBA
7C7EB1
6B6EA7
5B5E9D
52558D
494B7E
40426E
37385E
2E2F4F
24263F
1B1C2F
12131F
090910
000000
FFFFFF
F0F1F6
E1E2ED
D3D4E4
C4C5DB
B5B7D3
A6A8CA
979AC1
898BB8
7A7DAF
6B6EA6
606395
565885
4B4D74
404264
363753
2B2C42
202132
151621
0B0B11
000000
FFFFFF
F2F2F7
E5E5EF
D7D8E7
CACBDF
BDBFD8
B0B2D0
A3A5C8
9598C0
888BB8
7B7EB0
6F719E
62658D
56587B
4A4C6A
3E3F58
313246
252635
191923
0C0D12
000000
FFFFFF
F4F4F8
E8E8F1
DDDDEA
D1D2E3
C6C7DD
BABBD6
AFB0CF
A3A5C8
9899C1
8C8EBA
7E80A7
707295
626382
545570
46475D
38394A
2A2B38
1C1C25
0E0E13
000000
FFFFFF
F5F5F9
EBECF3
E1E2ED
D7D8E7
CECFE2
C4C5DC
BABBD6
B0B1D0
A6A8CA
9C9EC4
8C8EB0
7D7E9D
6D6F89
5E5F76
4E4F62
3E3F4E
2F2F3B
1F2027
101014
000000
FFFFFF
F7F7FA
EFEFF5
E6E7F0
DEDFEB
D6D7E7
CECEE2
C6C6DD
BDBED8
B5B6D3
ADAECE
9C9DB9
8A8BA5
797A90
68687C
575767
454652
34343E
232329
111115
000000
FFFFFF
F8F9FB
F2F2F7
EBECF3
E5E5EF
DEDFEB
D7D8E7
D1D2E3
CACBDF
C4C5DB
BDBED7
AAABC2
9798AC
848597
717281
5F5F6C
4C4C56
393940
26262B
131315
000000
FFFFFF
FAFAFC
F5F5F9
F0F0F6
EBEBF3
E6E7F0
E1E2ED
DCDDEA
D7D8E7
D2D3E4
CDCEE1
B9B9CB
A4A5B4
90909E
7B7C87
676771
52525A
3D3E43
29292D
141516
000000
FFFFFF
FCFCFD
F8F8FB
F5F5F9
F2F2F7
EFEFF5
EBEBF3
E8E8F1
E5E5EF
E1E1ED
DEDEEB
C8C8D4
B2B2BC
9B9BA5
85858D
6F6F76
59595E
434346
2C2C2F
161617
000000
FFFFFF
FDFDFE
FCFCFD
FAFAFC
F8F8FB
F7F7FA
F5F5F9
F3F3F8
F1F1F7
F0F0F6
EEEEF5
D6D6DD
BEBEC4
A7A7AC
8F8F93
77777B
5F5F62
474749
303031
181818
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