Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/3c57db-364ec5-3045af-2a3c99-243483-1e2b6d-182257-121a41-0c112b-060815-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 3C57DB
RGB: 60,87,219
Hex: 364EC5
RGB: 54,78,197
Hex: 3045AF
RGB: 48,69,175
Hex: 2A3C99
RGB: 42,60,153
Hex: 243483
RGB: 36,52,131
Hex: 1E2B6D
RGB: 30,43,109
Hex: 182257
RGB: 24,34,87
Hex: 121A41
RGB: 18,26,65
Hex: 0C112B
RGB: 12,17,43
Hex: 060815
RGB: 6,8,21
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
ECEEFB
D8DDF8
C5CDF4
B1BCF1
9EABED
8A9AE9
7789E6
6379E2
5068DF
3C57DB
364EC5
3046AF
2A3D99
243483
1E2C6E
182358
121A42
0C112C
060916
000000
FFFFFF
EBEDF9
D7DCF3
C3CAEE
AFB8E8
9BA7E2
8695DC
7283D6
5E71D1
4A60CB
364EC5
3146B1
2B3E9E
26378A
202F76
1B2763
161F4F
10173B
0B1027
050814
000000
FFFFFF
EAECF7
D6DAEF
C1C7E7
ACB5DF
98A2D7
838FCF
6E7DC7
596ABF
4558B7
3045AF
2B3E9E
26378C
22307A
1D2969
182358
131C46
0E1534
0A0E23
050711
000000
FFFFFF
EAECF5
D4D8EB
BFC5E0
AAB1D6
959ECC
7F8AC2
6A77B8
5563AD
3F50A3
2A3C99
26368A
22307A
1D2A6B
19245C
151E4D
11183D
0D122E
080C1F
04060F
000000
FFFFFF
E9EBF3
D3D6E6
BDC2DA
A7AECD
929AC1
7C85B5
6671A8
505D9C
3A488F
243483
202F76
1D2A69
19245C
161F4F
121A42
0E1534
0B1027
070A1A
04050D
000000
FFFFFF
E9EAF0
D2D5E2
BCBFD3
A5AAC5
8F95B6
7880A7
626B99
4B558A
35407C
1E2B6D
1B2762
182257
151E4C
121A41
0F1637
0C112C
090D21
060916
03040B
000000
FFFFFF
E8E9EE
D1D3DD
BABDCD
A3A7BC
8C91AB
747A9A
5D6489
464E79
2F3868
182257
161F4E
131B46
11183D
0E1434
0C112C
0A0E23
070A1A
050711
020309
000000
FFFFFF
E7E8EC
D0D1D9
B8BAC6
A0A3B3
898DA0
71768D
595F7A
414867
2A3154
121A41
10173B
0E1534
0D122E
0B1027
090D21
070A1A
050813
04050D
020306
000000
FFFFFF
E7E7EA
CECFD5
B6B8BF
9EA0AA
868895
6D7080
55586B
3D4155
242940
0C112B
0B0F27
0A0E22
080C1E
070A1A
060916
050711
04050D
020309
010204
000000
FFFFFF
E6E6E8
CDCED0
B4B5B9
9B9CA1
83848A
6A6B73
51525B
383944
1F212C
060815
050713
050611
04060F
04050D
03040B
020308
020206
010204
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