Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/4c76b5-446aa2-3c5e90-35527e-2d466c-263b5a-1e2f48-162336-0f1724-070b12-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 4C76B5
RGB: 76,118,181
Hex: 446AA2
RGB: 68,106,162
Hex: 3C5E90
RGB: 60,94,144
Hex: 35527E
RGB: 53,82,126
Hex: 2D466C
RGB: 45,70,108
Hex: 263B5A
RGB: 38,59,90
Hex: 1E2F48
RGB: 30,47,72
Hex: 162336
RGB: 22,35,54
Hex: 0F1724
RGB: 15,23,36
Hex: 070B12
RGB: 7,11,18
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
EDF1F8
DBE4F0
C9D6E9
B7C8E1
A6BBDA
94ADD3
829FCB
7091C4
5E84BC
4C76B5
446AA3
3D5E91
35537F
2E476D
263B5B
1E2F48
172336
0F1824
080C12
000000
FFFFFF
ECF0F6
DAE1EC
C7D2E3
B4C3DA
A2B5D1
8FA6C7
7C97BE
6988B5
5779AB
446AA2
3D5F92
365582
304A71
294061
223551
1B2A41
142031
0E1520
070B10
000000
FFFFFF
ECEFF4
D8DFE9
C5CFDE
B1BFD3
9EAFC8
8A9EBC
778EB1
637EA6
506E9B
3C5E90
365582
304B73
2A4265
243856
1E2F48
18263A
121C2B
0C131D
06090E
000000
FFFFFF
EBEEF2
D7DCE5
C2CBD8
AEBACB
9AA9BF
8697B2
7286A5
5D7598
49638B
35527E
304A71
2A4265
253958
20314C
1B293F
152132
101926
0B1019
05080D
000000
FFFFFF
EAEDF0
D5DAE2
C0C8D3
ABB5C4
96A3B6
8190A7
6C7E98
576B89
42597B
2D466C
293F61
243856
1F314C
1B2A41
172336
121C2B
0D1520
090E16
04070B
000000
FFFFFF
E9EBEF
D4D8DE
BEC4CE
A8B1BD
939DAD
7D899C
67768C
51627B
3C4F6B
263B5A
223551
1E2F48
1B293F
172336
131E2D
0F1824
0B121B
080C12
040609
000000
FFFFFF
E9EAED
D2D5DA
BCC1C8
A5ACB6
8F97A4
788291
626D7F
4B596D
35445A
1E2F48
1B2A41
18263A
152132
121C2B
0F1824
0C131D
090E16
06090E
030507
000000
FFFFFF
E8E9EB
D0D3D7
B9BDC3
A2A7AF
8B919B
737B86
5C6572
454F5E
2D394A
162336
142031
121C2B
0F1926
0D1520
0B121B
090E16
070A10
04070B
020305
000000
FFFFFF
E7E8E9
CFD1D3
B7B9BD
9FA2A7
878B92
6F747C
575D66
3F4550
272E3A
0F1724
0E1520
0C121D
0B1019
090E16
080C12
06090E
04070B
030507
010204
000000
FFFFFF
E6E7E7
CDCED0
B5B6B8
9C9DA0
838589
6A6D71
515459
393C41
20232A
070B12
060A10
06090E
05080D
04070B
040609
030407
020305
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