Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/3e4f80-374773-313f66-2b3759-252f4c-1f2740-181f33-121726-0c0f19-06070c-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 3E4F80
RGB: 62,79,128
Hex: 374773
RGB: 55,71,115
Hex: 313F66
RGB: 49,63,102
Hex: 2B3759
RGB: 43,55,89
Hex: 252F4C
RGB: 37,47,76
Hex: 1F2740
RGB: 31,39,64
Hex: 181F33
RGB: 24,31,51
Hex: 121726
RGB: 18,23,38
Hex: 0C0F19
RGB: 12,15,25
Hex: 06070C
RGB: 6,7,12
Hex: 000000
RGB: 0,0,0
-100%
-90%
-80%
-70%
-60%
-50%
-40%
-30%
-20%
-10%
Original
10%
20%
30%
40%
50%
60%
70%
80%
90%
100%
FFFFFF
ECEDF2
D8DCE6
C5CAD9
B2B9CC
9FA7C0
8B95B3
7884A6
657299
51618D
3E4F80
384773
323F66
2B375A
252F4D
1F2840
192033
131826
0C101A
06080D
000000
FFFFFF
EBEDF1
D7DAE3
C3C8D5
AFB5C7
9BA3B9
8791AB
737E9D
5F6C8F
4B5981
374773
324068
2C395C
273251
212B45
1C243A
161C2E
101522
0B0E17
05070B
000000
FFFFFF
EAECF0
D6D9E0
C1C5D1
ADB2C2
989FB3
838CA3
6F7994
5A6585
465275
313F66
2C395C
273252
222C47
1D263D
192033
141929
0F131F
0A0D14
05060A
000000
FFFFFF
EAEBEE
D5D7DE
BFC3CD
AAAFBD
959BAC
80879B
6B738B
555F7A
404B6A
2B3759
273250
222C47
1E273E
1A2135
161C2D
111624
0D101B
090B12
040509
000000
FFFFFF
E9EAED
D3D5DB
BEC1C9
A8ACB7
9297A6
7C8294
666D82
515970
3B445E
252F4C
212A44
1E263D
1A2135
161C2E
131826
0F131E
0B0E17
07090F
040508
000000
FFFFFF
E9E9EC
D2D4D9
BCBEC6
A5A9B3
8F93A0
797D8C
626879
4C5266
353D53
1F2740
1C233A
191F33
161B2D
131726
101420
0C101A
090C13
06080D
030406
000000
FFFFFF
E8E9EB
D1D2D6
BABCC2
A3A5AD
8C8F99
747985
5D6270
464C5C
2F3547
181F33
161C2E
131929
111624
0E131F
0C101A
0A0C14
07090F
05060A
020305
000000
FFFFFF
E7E8E9
D0D1D4
B8B9BE
A0A2A8
898B93
71747D
595D67
414551
2A2E3C
121726
101522
0E121E
0D101B
0B0E17
090C13
07090F
05070B
040508
020204
000000
FFFFFF
E7E7E8
CECFD1
B6B7BA
9E9FA3
86878C
6D6F75
55575E
3D3F47
242730
0C0F19
0B0E17
0A0C14
080B12
07090F
06080D
05060A
040407
020305
010102
000000
FFFFFF
E6E6E7
CDCDCE
B4B5B6
9B9C9E
838386
6A6A6D
515155
38393D
1F2024
06070C
05060B
05060A
040508
040407
030406
020305
020204
010102
010101
000000
FFFFFF
E6E6E6
CCCCCC
B3B3B3
999999
808080
666666
4D4D4D
333333
1A1A1A
000000
000000
000000
000000
000000
000000
000000
000000
000000
000000
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