Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/3e7daa-377099-316488-2b5777-254b66-1f3e55-183243-122533-0c1922-060c11-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 3E7DAA
RGB: 62,125,170
Hex: 377099
RGB: 55,112,153
Hex: 316488
RGB: 49,100,136
Hex: 2B5777
RGB: 43,87,119
Hex: 254B66
RGB: 37,75,102
Hex: 1F3E55
RGB: 31,62,85
Hex: 183243
RGB: 24,50,67
Hex: 122533
RGB: 18,37,51
Hex: 0C1922
RGB: 12,25,34
Hex: 060C11
RGB: 6,12,17
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
ECF2F7
D8E5EE
C5D8E6
B2CBDD
9FBED5
8BB1CC
78A4C4
6597BB
518AB3
3E7DAA
387199
326488
2B5877
254B66
1F3F55
193244
132533
0C1922
060C11
000000
FFFFFF
EBF1F5
D7E2EB
C3D4E0
AFC6D6
9BB8CC
87A9C2
739BB8
5F8DAD
4B7EA3
377099
32658A
2C5A7A
274E6B
21435C
1C384D
162D3D
10222E
0B161F
050B0F
000000
FFFFFF
EAF0F3
D6E0E7
C1D1DB
ADC1CF
98B2C4
83A2B8
6F93AC
5A83A0
467494
316488
2C5A7A
27506D
22465F
1D3C52
193244
142836
0F1E29
0A141B
050A0E
000000
FFFFFF
EAEEF1
D5DDE4
BFCDD6
AABCC9
95ABBB
809AAD
6B89A0
557992
406885
2B5777
274E6B
22465F
1E3D53
1A3447
162C3C
112330
0D1A24
091118
04090C
000000
FFFFFF
E9EDF0
D3DBE0
BEC9D1
A8B7C2
92A5B3
7C93A3
668194
516F85
3B5D75
254B66
21445C
1E3C52
1A3547
162D3D
132633
0F1E29
0B161F
070F14
04070A
000000
FFFFFF
E9ECEE
D2D8DD
BCC5CC
A5B2BB
8F9FAA
798B99
627888
4C6577
355166
1F3E55
1C384D
193244
162B3B
132533
101F2B
0C1922
091319
060C11
030608
000000
FFFFFF
E8EBEC
D1D6D9
BAC2C7
A3ADB4
8C99A1
74848E
5D707B
465B69
2F4756
183243
162D3C
132836
11232F
0E1E28
0C1922
0A141B
070F14
050A0D
020507
000000
FFFFFF
E7E9EB
D0D3D6
B8BEC2
A0A8AD
899299
717C85
596670
41515C
2A3B47
122533
10212E
0E1E29
0D1A24
0B161F
09131A
070F14
050B0F
04070A
020405
000000
FFFFFF
E7E8E9
CED1D3
B6BABD
9EA3A7
868C91
6D757A
555E64
3D474E
243038
0C1922
0B171F
0A141B
081218
070F14
060D11
050A0E
04070A
020507
010203
000000
FFFFFF
E6E7E7
CDCECF
B4B6B8
9B9EA0
838688
6A6D70
515558
383D41
1F2429
060C11
050B0F
050A0E
04080C
04070A
030609
020507
020405
010203
010102
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