Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/4685a4-5891ad-6b9db6-7da9bf-90b5c8-a2c2d1-b5ceda-c7dae3-dae6ec-ecf2f5-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 4685A4
RGB: 70,133,164
Hex: 5891AD
RGB: 88,145,173
Hex: 6B9DB6
RGB: 107,157,182
Hex: 7DA9BF
RGB: 125,169,191
Hex: 90B5C8
RGB: 144,181,200
Hex: A2C2D1
RGB: 162,194,209
Hex: B5CEDA
RGB: 181,206,218
Hex: C7DAE3
RGB: 199,218,227
Hex: DAE6EC
RGB: 218,230,236
Hex: ECF2F5
RGB: 236,242,245
Hex: FFFFFF
RGB: 255,255,255
-100%
-90%
-80%
-70%
-60%
-50%
-40%
-30%
-20%
-10%
Original
10%
20%
30%
40%
50%
60%
70%
80%
90%
100%
FFFFFF
EDF3F6
DAE7ED
C8DAE4
B5CEDB
A3C2D2
90B6C8
7EAABF
6B9DB6
5991AD
4685A4
3F7894
386A83
315D73
2A5062
234352
1C3542
152831
0E1B21
070D10
000000
FFFFFF
EEF4F7
DEE9EF
CDDEE6
BCD3DE
ACC8D6
9BBDCE
8AB2C6
79A7BD
699CB5
5891AD
4F839C
46748A
3E6679
355768
2C4957
233A45
1A2B34
121D23
090E11
000000
FFFFFF
F0F5F8
E1EBF0
D3E2E9
C4D8E2
B5CEDB
A6C4D3
97BACC
89B1C5
7AA7BD
6B9DB6
608DA4
567E92
4B6E7F
405E6D
364F5B
2B3F49
202F37
151F24
0B1012
000000
FFFFFF
F2F6F9
E5EEF2
D8E5EC
CBDDE5
BED4DF
B1CBD9
A4C3D2
97BACC
8AB2C5
7DA9BF
7198AC
648799
587686
4B6573
3F5560
32444C
253339
192226
0C1113
000000
FFFFFF
F4F8FA
E9F0F4
DEE9EF
D3E1E9
C8DAE4
BCD3DE
B1CBD9
A6C4D3
9BBCCE
90B5C8
82A3B4
7391A0
657F8C
566D78
485B64
3A4850
2B363C
1D2428
0E1214
000000
FFFFFF
F6F9FA
ECF3F6
E3EDF1
DAE7ED
D1E1E8
C7DAE3
BED4DF
B5CEDA
ABC8D6
A2C2D1
92AFBC
829BA7
718892
61747D
516169
414E54
313A3F
20272A
101315
000000
FFFFFF
F8FAFB
F0F5F8
E9F0F4
E1EBF0
DAE7ED
D3E2E9
CBDDE5
C4D8E1
BCD3DE
B5CEDA
A3B9C4
91A5AE
7F9099
6D7C83
5B676D
485257
363E41
24292C
121516
000000
FFFFFF
F9FBFC
F4F8F9
EEF4F7
E9F0F4
E3EDF1
DDE9EE
D8E5EB
D2E1E9
CDDEE6
C7DAE3
B3C4CC
9FAEB6
8B999F
778388
646D72
50575B
3C4144
282C2D
141617
000000
FFFFFF
FBFDFD
F8FAFB
F4F8F9
F0F5F7
EDF3F6
E9F0F4
E5EEF2
E1EBF0
DEE9EE
DAE6EC
C4CFD4
AEB8BD
99A1A5
838A8E
6D7376
575C5E
414547
2C2E2F
161718
000000
FFFFFF
FDFEFE
FBFCFD
F9FBFC
F7FAFB
F6F9FA
F4F7F9
F2F6F8
F0F5F7
EEF3F6
ECF2F5
D4DADD
BDC2C4
A5A9AC
8E9193
76797B
5E6162
474949
2F3031
181818
000000
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
E6E6E6
CCCCCC
B3B3B3
999999
808080
666666
4C4C4C
333333
191919
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