Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/19366b-163060-142b55-11254a-0f2040-0c1b35-09152a-071020-050a15-02050a-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 19366B
RGB: 25,54,107
Hex: 163060
RGB: 22,48,96
Hex: 142B55
RGB: 20,43,85
Hex: 11254A
RGB: 17,37,74
Hex: 0F2040
RGB: 15,32,64
Hex: 0C1B35
RGB: 12,27,53
Hex: 09152A
RGB: 9,21,42
Hex: 071020
RGB: 7,16,32
Hex: 050A15
RGB: 5,10,21
Hex: 02050A
RGB: 2,5,10
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
E8EBF0
D1D7E1
BAC3D3
A3AFC4
8C9BB5
7586A6
5E7297
475E89
304A7A
19366B
173160
142B56
12264B
0F2040
0D1B36
0A162B
071020
050B15
02050B
000000
FFFFFF
E8EAEF
D0D6DF
B9C1CF
A2ACBF
8B98B0
7383A0
5C6E90
455980
2D4570
163060
142B56
12264D
0F2243
0D1D3A
0B1830
091326
070E1D
040A13
02050A
000000
FFFFFF
E8EAEE
D0D5DD
B9BFCC
A1AABB
8A95AA
728099
5B6B88
435577
2C4066
142B55
12274D
102244
0E1E3B
0C1A33
0A162B
081122
060D19
040911
020408
000000
FFFFFF
E7E9ED
CFD3DB
B8BEC9
A0A8B7
8892A5
707C92
586680
41516E
293B5C
11254A
0F2143
0E1E3B
0C1A34
0A162C
091325
070F1E
050B16
03070F
020407
000000
FFFFFF
E7E9EC
CFD2D9
B7BCC6
9FA6B3
8790A0
6F798C
576379
3F4D66
273653
0F2040
0E1D3A
0C1A33
0B162D
091326
081020
060D1A
040A13
03060D
010306
000000
FFFFFF
E7E8EB
CED1D7
B6BBC2
9EA4AE
868D9A
6D7686
555F72
3D495D
243249
0C1B35
0B1830
0A162A
081325
071020
060E1B
050B15
040810
02050B
010305
000000
FFFFFF
E6E8EA
CED0D4
B5B9BF
9DA1AA
848A95
6B737F
535B6A
3A4455
222C3F
09152A
081326
071122
060F1D
050D19
050B15
040811
03060D
020408
010204
000000
FFFFFF
E6E7E9
CDCFD2
B5B7BC
9C9FA6
838890
6A7079
515863
39404D
202836
071020
060E1D
060D1A
050B16
040A13
040810
03060D
02050A
010306
010203
000000
FFFFFF
E6E7E8
CDCED0
B4B6B9
9B9DA1
82858A
696C73
50545B
373B44
1E232C
050A15
050913
040811
04070F
03060D
03050B
020408
010306
010204
000102
000000
FFFFFF
E6E6E7
CCCDCE
B3B4B6
9A9B9D
818285
67696C
4E5054
35373B
1B1E23
02050A
020509
020408
010407
010306
010305
010204
010103
000102
000001
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