Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/458aa0-3e7c90-376e80-306070-295260-224550-1b3740-142930-0d1b20-060d10-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 458AA0
RGB: 69,138,160
Hex: 3E7C90
RGB: 62,124,144
Hex: 376E80
RGB: 55,110,128
Hex: 306070
RGB: 48,96,112
Hex: 295260
RGB: 41,82,96
Hex: 224550
RGB: 34,69,80
Hex: 1B3740
RGB: 27,55,64
Hex: 142930
RGB: 20,41,48
Hex: 0D1B20
RGB: 13,27,32
Hex: 060D10
RGB: 6,13,16
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
ECF3F6
DAE8EC
C7DCE3
B5D0D9
A2C5D0
8FB9C6
7DADBD
6AA1B3
5896AA
458AA0
3E7C90
376E80
306170
295360
234550
1C3740
152930
0E1C20
070E10
000000
FFFFFF
ECF2F4
D8E5E9
C5D8DE
B2CBD3
9FBEC8
8BB0BC
78A3B1
6596A6
51899B
3E7C90
387082
326373
2B5765
254A56
1F3E48
19323A
13252B
0C191D
060C0E
000000
FFFFFF
EBF1F2
D7E2E6
C3D4D9
AFC5CC
9BB7C0
87A8B3
739AA6
5F8B99
4B7D8D
376E80
326373
2C5866
274D5A
21424D
1C3740
162C33
102126
0B161A
050B0D
000000
FFFFFF
EAEFF1
D6DFE2
C1CFD4
ACBFC6
98B0B8
83A0A9
6E909B
59808D
45707E
306070
2B5665
264D5A
22434E
1D3A43
183038
13262D
0E1D22
0A1316
050A0B
000000
FFFFFF
EAEEEF
D4DCDF
BFCBCF
A9BABF
94A9B0
7F97A0
698690
547580
3E6370
295260
254A56
21424D
1D3943
19313A
152930
102126
0C191D
081013
04080A
000000
FFFFFF
E9ECEE
D3DADC
BDC7CB
A7B5B9
91A2A8
7A8F96
647D85
4E6A73
385862
224550
1F3E48
1B3740
183038
142930
112328
0E1C20
0A1518
070E10
030708
000000
FFFFFF
E8EBEC
D1D7D9
BBC3C6
A4AFB3
8D9BA0
76878C
5F7379
495F66
324B53
1B3740
18323A
162C33
13272D
102126
0E1C20
0B161A
081013
050B0D
030506
000000
FFFFFF
E8EAEA
D0D4D6
B9BFC1
A1A9AC
8A9498
727F83
5B696E
435459
2C3E45
142930
12252B
102126
0E1D22
0C191D
0A1518
081013
060C0E
04080A
020405
000000
FFFFFF
E7E8E9
CFD1D2
B6BBBC
9EA4A6
868D90
6E7679
565F63
3D494D
253236
0D1B20
0C181D
0A161A
091316
081013
070E10
050B0D
04080A
030506
010303
000000
FFFFFF
E6E7E7
CDCFCF
B4B6B7
9B9E9F
838688
6A6E70
515658
383D40
1F2528
060D10
050C0E
050A0D
04090B
04080A
030708
020506
020405
010303
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