Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/1e4b69-345d78-4b6f87-618196-7893a5-8ea5b4-a5b7c3-bbc9d2-d2dbe1-e8edf0-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 1E4B69
RGB: 30,75,105
Hex: 345D78
RGB: 52,93,120
Hex: 4B6F87
RGB: 75,111,135
Hex: 618196
RGB: 97,129,150
Hex: 7893A5
RGB: 120,147,165
Hex: 8EA5B4
RGB: 142,165,180
Hex: A5B7C3
RGB: 165,183,195
Hex: BBC9D2
RGB: 187,201,210
Hex: D2DBE1
RGB: 210,219,225
Hex: E8EDF0
RGB: 232,237,240
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
E9EDF0
D2DBE1
BCC9D2
A5B7C3
8FA5B4
7893A5
628196
4B6F87
355D78
1E4B69
1B445F
183C54
15354A
122D3F
0F2635
0C1E2A
09161F
060F15
03070A
000000
FFFFFF
EBEFF2
D6DFE4
C2CED7
AEBEC9
9AAEBC
859EAE
718EA1
5D7D93
486D86
345D78
2F546C
2A4A60
244154
1F3848
1A2F3C
152530
101C24
0A1318
05090C
000000
FFFFFF
EDF1F3
DBE2E7
C9D4DB
B7C5CF
A5B7C3
93A9B7
819AAB
6F8C9F
5D7D93
4B6F87
44647A
3C596C
354E5F
2D4351
263844
1E2C36
162128
0F161B
070B0D
000000
FFFFFF
EFF2F5
DFE6EA
D0D9E0
C0CDD5
B0C0CB
A0B3C0
90A7B6
819AAB
718EA1
618196
577487
4E6778
445A69
3A4D5A
31414B
27343C
1D272D
131A1E
0A0D0F
000000
FFFFFF
F2F4F6
E4E9ED
D7DFE4
C9D4DB
BCC9D2
AEBEC9
A1B3C0
93A9B7
869EAE
7893A5
6C8495
607684
546773
485863
3C4A53
303B42
242C31
181D21
0C0F10
000000
FFFFFF
F4F6F8
E8EDF0
DDE4E9
D2DBE1
C7D2DA
BBC9D2
B0C0CB
A5B7C3
99AEBC
8EA5B4
8095A2
728490
63737E
55636C
47535A
394248
2B3136
1C2124
0E1012
000000
FFFFFF
F6F8F9
EDF1F3
E4E9ED
DBE2E7
D2DBE1
C9D4DB
C0CDD5
B7C5CF
AEBEC9
A5B7C3
95A5B0
84929C
738089
636E75
535C62
42494E
31373A
212527
101213
000000
FFFFFF
F8FAFB
F1F4F6
EBEFF2
E4E9ED
DDE4E9
D6DFE4
CFD9E0
C9D4DB
C2CED7
BBC9D2
A8B5BD
96A1A8
838D93
70797E
5E6569
4B5054
383C3F
25282A
131415
000000
FFFFFF
FBFBFC
F6F8F9
F2F4F6
EDF1F3
E9EDF0
E4E9ED
E0E6EA
DBE2E7
D7DFE4
D2DBE1
BDC5CB
A8AFB4
93999E
7E8387
696E71
54585A
3F4243
2A2C2D
151616
000000
FFFFFF
FDFDFE
FAFBFC
F8FAFB
F6F8F9
F4F6F8
F1F4F6
EFF2F5
EDF1F3
EAEFF2
E8EDF0
D1D5D8
BABEC0
A2A6A8
8B8E90
747778
5D5F60
464748
2E2F30
171818
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