Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/1874b7-1568a4-135c92-105180-0e456d-0c3a5b-092e49-072236-041724-020b12-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 1874B7
RGB: 24,116,183
Hex: 1568A4
RGB: 21,104,164
Hex: 135C92
RGB: 19,92,146
Hex: 105180
RGB: 16,81,128
Hex: 0E456D
RGB: 14,69,109
Hex: 0C3A5B
RGB: 12,58,91
Hex: 092E49
RGB: 9,46,73
Hex: 072236
RGB: 7,34,54
Hex: 041724
RGB: 4,23,36
Hex: 020B12
RGB: 2,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
E8F1F8
D1E3F1
BAD5E9
A3C7E2
8CBADB
74ACD4
5D9ECD
4690C5
2F82BE
1874B7
1668A5
135D92
115180
0E466E
0C3A5C
0A2E49
072337
051725
020C12
000000
FFFFFF
E8F0F6
D0E1ED
B9D2E4
A1C3DB
8AB4D2
73A4C8
5B95BF
4486B6
2C77AD
1568A4
135E94
115383
0F4973
0D3E62
0B3452
082A42
061F31
041521
020A10
000000
FFFFFF
E7EFF4
D0DEE9
B8CEDE
A1BED3
89AEC9
719DBE
5A8DB3
427DA8
2B6C9D
135C92
115383
0F4A75
0D4066
0B3758
0A2E49
08253A
061C2C
04121D
02090F
000000
FFFFFF
E7EEF2
CFDCE6
B7CBD9
9FB9CC
88A8C0
7097B3
5885A6
407499
28628D
105180
0E4973
0D4166
0B395A
0A314D
082940
062033
051826
03101A
02080D
000000
FFFFFF
E7ECF0
CFDAE2
B7C7D3
9FB5C5
87A2B6
6E8FA7
567D99
3E6A8A
26587C
0E456D
0D3E62
0B3757
0A304C
082941
072337
061C2C
041521
030E16
01070B
000000
FFFFFF
E7EBEF
CED8DE
B6C4CE
9EB0BD
869DAD
6D899D
55758C
3D617C
244E6B
0C3A5B
0B3452
0A2E49
082940
072337
061D2E
051724
04111B
020C12
010609
000000
FFFFFF
E6EAED
CED5DB
B5C0C8
9DABB6
8497A4
6B8292
536D80
3A586D
22435B
092E49
082942
07253A
062033
051C2C
051725
04121D
030E16
02090F
010507
000000
FFFFFF
E6E9EB
CDD3D7
B5BDC3
9CA7AF
83919B
6A7A86
516472
394E5E
20384A
072236
061F31
061B2B
051826
041420
04111B
030E16
020A10
01070B
010305
000000
FFFFFF
E6E8E9
CDD1D3
B4B9BD
9BA2A7
828B92
68747C
4F5D66
364550
1D2E3A
041724
041520
03121D
031019
020E16
020C12
02090E
01070B
010507
000204
000000
FFFFFF
E6E7E7
CCCED0
B3B6B8
9A9DA0
818589
676D71
4E5459
353C41
1B232A
020B12
020A10
02090E
01080D
01070B
010609
010407
010305
000204
000102
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