Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/3d63b4-3659a2-304f90-2a457e-243b6c-1e315a-182747-121d36-0c1324-060912-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 3D63B4
RGB: 61,99,180
Hex: 3659A2
RGB: 54,89,162
Hex: 304F90
RGB: 48,79,144
Hex: 2A457E
RGB: 42,69,126
Hex: 243B6C
RGB: 36,59,108
Hex: 1E315A
RGB: 30,49,90
Hex: 182747
RGB: 24,39,71
Hex: 121D36
RGB: 18,29,54
Hex: 0C1324
RGB: 12,19,36
Hex: 060912
RGB: 6,9,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
ECEFF8
D8E0F0
C5D0E9
B1C1E1
9EB1DA
8BA1D2
7792CB
6482C3
5073BC
3D63B4
3759A2
314F90
2B457E
253B6C
1F325A
182848
121E36
0C1424
060A12
000000
FFFFFF
EBEEF6
D7DEEC
C3CDE3
AFBDDA
9BACD1
869BC7
728BBE
5E7AB5
4A6AAB
3659A2
315092
2B4782
263E71
203561
1B2D51
162441
101B31
0B1220
050910
000000
FFFFFF
EAEDF4
D6DCE9
C1CADE
ACB9D3
98A7C8
8395BC
6E84B1
5972A6
45619B
304F90
2B4782
263F73
223765
1D2F56
182848
13203A
0E182B
0A101D
05080E
000000
FFFFFF
EAECF2
D4DAE5
BFC7D8
AAB5CB
95A2BF
7F8FB2
6A7DA5
556A98
3F588B
2A457E
263E71
223765
1D3058
19294C
15233F
111C32
0D1526
080E19
04070D
000000
FFFFFF
E9EBF0
D3D8E2
BDC4D3
A7B1C4
929DB6
7C89A7
667698
506289
3A4F7B
243B6C
203561
1D2F56
19294C
162341
121E36
0E182B
0B1220
070C16
04060B
000000
FFFFFF
E9EAEF
D2D6DE
BCC1CE
A5ADBD
8F98AD
78839C
626F8C
4B5A7B
35466B
1E315A
1B2C51
182748
15223F
121D36
0F192D
0C1424
090F1B
060A12
030509
000000
FFFFFF
E8E9ED
D1D4DA
BABEC8
A3A9B5
8C93A3
747D91
5D687E
46526C
2F3D59
182747
162340
131F39
111B32
0E172B
0C1424
0A101C
070C15
05080E
020407
000000
FFFFFF
E7E8EB
D0D2D7
B8BBC3
A0A5AF
898E9B
717786
596172
414A5E
2A344A
121D36
101A31
0E172B
0D1426
0B1120
090F1B
070C16
050910
04060B
020305
000000
FFFFFF
E7E7E9
CED0D3
B6B8BD
9EA1A7
868992
6D717C
555A66
3D4250
242B3A
0C1324
0B1120
0A0F1D
080D19
070B16
060A12
05080E
04060B
020407
010204
000000
FFFFFF
E6E6E7
CDCED0
B4B5B8
9B9DA0
838489
6A6B71
515359
383A41
1F222A
060912
050810
05070E
04060D
04050B
030509
020407
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