Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/194c87-164479-143c6c-11355e-0f2d51-0c2643-091e36-071628-050f1b-02070d-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 194C87
RGB: 25,76,135
Hex: 164479
RGB: 22,68,121
Hex: 143C6C
RGB: 20,60,108
Hex: 11355E
RGB: 17,53,94
Hex: 0F2D51
RGB: 15,45,81
Hex: 0C2643
RGB: 12,38,67
Hex: 091E36
RGB: 9,30,54
Hex: 071628
RGB: 7,22,40
Hex: 050F1B
RGB: 5,15,27
Hex: 02070D
RGB: 2,7,13
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
E8EDF3
D1DBE7
BAC9DB
A3B7CF
8CA6C3
7594B7
5E82AB
47709F
305E93
194C87
17447A
143D6C
12355F
0F2E51
0D2644
0A1E36
071728
050F1B
02080D
000000
FFFFFF
E8ECF2
D0DAE4
B9C7D7
A2B4C9
8BA2BC
738FAF
5C7CA1
456994
2D5786
164479
143D6D
123661
0F3055
0D2949
0B223D
091B30
071424
040E18
02070C
000000
FFFFFF
E8ECF0
D0D8E2
B9C5D3
A1B1C4
8A9EB6
728AA7
5B7798
436389
2C507B
143C6C
123661
103056
0E2A4C
0C2441
0A1E36
08182B
061220
040C16
02060B
000000
FFFFFF
E7EBEF
CFD7DF
B8C2CF
A0AEBF
889AAF
70869E
58728E
415D7E
29496E
11355E
0F3055
0E2A4B
0C2542
0A2038
091B2F
071526
05101C
030B13
020509
000000
FFFFFF
E7EAEE
CFD5DC
B7C0CB
9FABB9
8796A8
6F8197
576C85
3F5774
274262
0F2D51
0E2949
0C2441
0B1F39
091B31
081729
061220
040D18
030910
010408
000000
FFFFFF
E7E9EC
CED4D9
B6BEC7
9EA8B4
8693A1
6D7D8E
55677B
3D5169
243C56
0C2643
0B223C
0A1E36
081B2F
071728
061322
050F1B
040B14
02080D
010407
000000
FFFFFF
E6E9EB
CED2D7
B5BCC3
9DA5AF
848F9B
6B7886
536272
3A4B5E
22354A
091E36
081B31
07182B
061526
051220
050F1B
040C16
030910
02060B
010305
000000
FFFFFF
E6E8EA
CDD0D4
B5B9BF
9CA2A9
838B94
6A737E
515C69
394553
202D3E
071628
061424
061220
050F1C
040D18
040B14
030910
02070C
010408
010204
000000
FFFFFF
E6E7E8
CDCFD1
B4B7BB
9B9FA4
82878D
696F76
50575F
373F49
1E2732
050F1B
050E18
040C16
040B13
030910
03080E
02060B
010408
010305
000103
000000
FFFFFF
E6E6E7
CCCDCF
B3B5B6
9A9C9E
818386
676A6E
4E5156
35393D
1B2025
02070D
02060C
02060A
010509
010408
010407
010305
010204
000103
000101
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