Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/1f3087-354493-4b599f-626eab-7882b7-8f97c3-a5accf-bbc0db-d2d5e7-e8eaf3-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 1F3087
RGB: 31,48,135
Hex: 354493
RGB: 53,68,147
Hex: 4B599F
RGB: 75,89,159
Hex: 626EAB
RGB: 98,110,171
Hex: 7882B7
RGB: 120,130,183
Hex: 8F97C3
RGB: 143,151,195
Hex: A5ACCF
RGB: 165,172,207
Hex: BBC0DB
RGB: 187,192,219
Hex: D2D5E7
RGB: 210,213,231
Hex: E8EAF3
RGB: 232,234,243
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
E9EAF3
D2D6E7
BCC1DB
A5ACCF
8F98C3
7983B7
626EAB
4C599F
354593
1F3087
1C2B7A
19266C
16225F
131D51
101844
0C1336
090E28
060A1B
03050D
000000
FFFFFF
EBECF4
D7DAE9
C2C7DF
AEB4D4
9AA2C9
868FBE
727CB3
5D69A9
49579E
354493
303D84
2A3676
253067
202958
1B224A
151B3B
10142C
0B0E1D
05070F
000000
FFFFFF
EDEEF5
DBDEEC
C9CDE2
B7BDD9
A5ACCF
939BC5
818BBC
6F7AB2
5D6AA9
4B599F
44508F
3C477F
353E6F
2D355F
262D50
1E2440
161B30
0F1220
070910
000000
FFFFFF
EFF1F7
E0E2EE
D0D4E6
C0C5DD
B1B7D5
A1A8CD
919AC4
818BBC
727DB3
626EAB
58639A
4E5889
454D78
3B4267
313756
272C44
1D2133
141622
0A0B11
000000
FFFFFF
F2F3F8
E4E6F1
D7DAE9
C9CDE2
BCC1DB
AEB4D4
A1A8CD
939BC5
868FBE
7882B7
6C75A5
606892
545B80
484E6E
3C415C
303449
242737
181A25
0C0D12
000000
FFFFFF
F4F5F9
E9EAF3
DDE0ED
D2D5E7
C7CBE1
BCC1DB
B1B6D5
A5ACCF
9AA1C9
8F97C3
8188B0
72799C
646A89
565B75
484C62
393C4E
2B2D3A
1D1E27
0E0F13
000000
FFFFFF
F6F7FA
EDEEF5
E4E6F1
DBDEEC
D2D6E7
C9CDE2
C0C5DD
B7BDD9
AEB4D4
A5ACCF
959BBA
848AA6
737891
63677C
535668
424553
31343E
212229
101115
000000
FFFFFF
F8F9FB
F1F2F8
EBECF4
E4E6F1
DDE0ED
D6D9E9
CFD3E6
C9CDE2
C2C6DF
BBC0DB
A8ADC5
969AAF
838699
707383
5E606E
4B4D58
383A42
25262C
131316
000000
FFFFFF
FBFBFD
F6F7FA
F2F2F8
EDEEF5
E9EAF3
E4E6F1
E0E2EE
DBDDEC
D7D9E9
D2D5E7
BDC0D0
A8AAB9
9395A2
7E808B
696B74
54555C
3F4045
2A2B2E
151517
000000
FFFFFF
FDFDFE
FAFBFD
F8F9FB
F6F7FA
F4F5F9
F1F2F8
EFF0F7
EDEEF5
EAECF4
E8EAF3
D1D3DB
BABBC2
A2A4AA
8B8C92
74757A
5D5E61
464649
2E2F31
171718
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