Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/3c46c7-363fb3-30389f-2a318b-242a77-1e2363-181c4f-12153b-0c0e27-060713-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 3C46C7
RGB: 60,70,199
Hex: 363FB3
RGB: 54,63,179
Hex: 30389F
RGB: 48,56,159
Hex: 2A318B
RGB: 42,49,139
Hex: 242A77
RGB: 36,42,119
Hex: 1E2363
RGB: 30,35,99
Hex: 181C4F
RGB: 24,28,79
Hex: 12153B
RGB: 18,21,59
Hex: 0C0E27
RGB: 12,14,39
Hex: 060713
RGB: 6,7,19
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
ECEDF9
D8DAF4
C5C8EE
B1B5E9
9EA3E3
8A90DD
777ED8
636BD2
5059CD
3C46C7
363FB3
30389F
2A318B
242A77
1E2364
181C50
12153C
0C0E28
060714
000000
FFFFFF
EBECF7
D7D9F0
C3C5E8
AFB2E1
9B9FD9
868CD1
7279CA
5E65C2
4A52BB
363FB3
3139A1
2B328F
262C7D
20266B
1B205A
161948
101336
0B0D24
050612
000000
FFFFFF
EAEBF5
D6D7EC
C1C3E2
ACAFD9
989CCF
8388C5
6E74BC
5960B2
454CA9
30389F
2B328F
262D7F
22276F
1D225F
181C50
131640
0E1130
0A0B20
050610
000000
FFFFFF
EAEAF3
D4D6E8
BFC1DC
AAADD1
9598C5
7F83B9
6A6FAE
555AA2
3F4697
2A318B
262C7D
22276F
1D2261
191D53
151946
111438
0D0F2A
080A1C
04050E
000000
FFFFFF
E9EAF1
D3D4E4
BDBFD6
A7AAC9
9295BB
7C7FAD
666AA0
505592
3A3F85
242A77
20266B
1D225F
191D53
161947
12153C
0E1130
0B0D24
070818
04040C
000000
FFFFFF
E9E9EF
D2D3E0
BCBDD0
A5A7C1
8F91B1
787BA1
626592
4B4F82
353973
1E2363
1B2059
181C4F
151945
12153B
0F1232
0C0E28
090A1E
060714
03030A
000000
FFFFFF
E8E8ED
D1D2DC
BABBCA
A3A4B9
8C8EA7
747795
5D6084
464972
2F3361
181C4F
161947
13163F
111437
0E112F
0C0E28
0A0B20
070818
050610
020308
000000
FFFFFF
E7E8EB
D0D0D8
B8B9C4
A0A1B1
898A9D
717389
595B76
414462
2A2C4F
12153B
101335
0E112F
0D0F29
0B0D23
090B1E
070818
050612
04040C
020206
000000
FFFFFF
E7E7E9
CECFD4
B6B7BE
9E9FA9
868793
6D6E7D
555668
3D3E52
24263D
0C0E27
0B0D23
0A0B1F
080A1B
070817
060714
050610
04040C
020308
010104
000000
FFFFFF
E6E6E7
CDCDD0
B4B5B8
9B9CA1
838389
6A6A71
51515A
383942
1F202B
060713
050611
05060F
04050D
04040B
03040A
020308
020206
010104
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