Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/1e2647-343b59-4b516b-61677e-787c90-8e92a3-a5a8b5-bbbdc7-d2d3da-e8e9ec-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 1E2647
RGB: 30,38,71
Hex: 343B59
RGB: 52,59,89
Hex: 4B516B
RGB: 75,81,107
Hex: 61677E
RGB: 97,103,126
Hex: 787C90
RGB: 120,124,144
Hex: 8E92A3
RGB: 142,146,163
Hex: A5A8B5
RGB: 165,168,181
Hex: BBBDC7
RGB: 187,189,199
Hex: D2D3DA
RGB: 210,211,218
Hex: E8E9EC
RGB: 232,233,236
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
E9E9ED
D2D4DA
BCBEC8
A5A8B5
8F93A3
787D91
62677E
4B516C
353C59
1E2647
1B2240
181E39
151B32
12172B
0F1324
0C0F1C
090B15
06080E
030407
000000
FFFFFF
EBEBEE
D6D8DE
C2C4CD
AEB1BD
9A9DAC
85899B
71768B
5D627A
484F6A
343B59
2F3550
2A2F47
24293E
1F2335
1A1E2D
151824
10121B
0A0C12
050609
000000
FFFFFF
EDEEF0
DBDCE1
C9CBD3
B7B9C4
A5A8B5
9397A6
818597
6F7489
5D627A
4B516B
444960
3C4156
35394B
2D3140
262936
1E202B
161820
0F1015
07080B
000000
FFFFFF
EFF0F2
DFE1E5
D0D1D8
C0C2CB
B0B3BF
A0A4B2
9095A5
818598
71768B
61677E
575D71
4E5265
444858
3A3E4C
31343F
272932
1D1F26
131519
0A0A0D
000000
FFFFFF
F2F2F4
E4E5E9
D7D8DE
C9CBD3
BCBEC8
AEB0BC
A1A3B1
9396A6
86899B
787C90
6C7082
606373
545765
484A56
3C3E48
30323A
24252B
18191D
0C0C0E
000000
FFFFFF
F4F4F6
E8E9ED
DDDEE3
D2D3DA
C7C9D1
BBBEC8
B0B3BF
A5A8B5
999DAC
8E92A3
808393
727582
636672
555862
474952
393A41
2B2C31
1C1D21
0E0F10
000000
FFFFFF
F6F6F8
EDEEF0
E4E5E9
DBDCE1
D2D4DA
C9CBD3
C0C2CB
B7B9C4
AEB1BC
A5A8B5
9597A3
848691
73767F
63656D
53545B
424348
313236
212224
101112
000000
FFFFFF
F8F8F9
F1F2F4
EBEBEE
E4E5E9
DDDEE3
D6D7DD
CFD1D8
C9CAD2
C2C4CD
BBBDC7
A8AAB3
96979F
83848B
707177
5E5F64
4B4C50
38393C
252628
131314
000000
FFFFFF
FBFBFB
F6F6F8
F2F2F4
EDEDF0
E9E9ED
E4E5E9
E0E0E5
DBDCE1
D7D7DE
D2D3DA
BDBEC4
A8A9AE
939499
7E7F83
696A6D
545457
3F3F41
2A2A2C
151516
000000
FFFFFF
FDFDFD
FAFBFB
F8F8F9
F6F6F7
F4F4F6
F1F2F4
EFF0F2
EDEDF0
EAEBEE
E8E9EC
D1D2D4
BABABD
A2A3A5
8B8C8E
747576
5D5D5E
464647
2E2F2F
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