Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/709adf-658bc9-5a7bb2-4e6c9c-435c86-384d70-2d3e59-222e43-161f2d-0b0f16-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 709ADF
RGB: 112,154,223
Hex: 658BC9
RGB: 101,139,201
Hex: 5A7BB2
RGB: 90,123,178
Hex: 4E6C9C
RGB: 78,108,156
Hex: 435C86
RGB: 67,92,134
Hex: 384D70
RGB: 56,77,112
Hex: 2D3E59
RGB: 45,62,89
Hex: 222E43
RGB: 34,46,67
Hex: 161F2D
RGB: 22,31,45
Hex: 0B0F16
RGB: 11,15,22
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
F1F5FC
E2EBF9
D4E1F5
C6D7F2
B8CDEF
A9C2EC
9BB8E9
8DAEE5
7EA4E2
709ADF
658BC9
5A7BB2
4E6C9C
435C86
384D70
2D3E59
222E43
161F2D
0B0F16
000000
FFFFFF
F0F3FA
E0E8F4
D1DCEF
C1D1E9
B2C5E4
A3B9DF
93AED9
84A2D4
7497CE
658BC9
5B7DB5
516FA1
47618D
3D5379
334665
283850
1E2A3C
141C28
0A0E14
000000
FFFFFF
EFF2F7
DEE5F0
CED7E8
BDCAE0
ADBDD9
9CB0D1
8CA3C9
7B95C1
6B88BA
5A7BB2
516FA0
48628E
3F567D
364A6B
2D3E59
243147
1B2535
121924
090C12
000000
FFFFFF
EDF0F5
DCE2EB
CAD3E1
B8C4D7
A7B6CE
95A7C4
8398BA
7189B0
607BA6
4E6C9C
46618C
3E567D
374C6D
2F415E
27364E
1F2B3E
17202F
10161F
080B10
000000
FFFFFF
ECEFF3
D9DEE7
C7CEDB
B4BECF
A1AEC3
8E9DB6
7B8DAA
697D9E
566C92
435C86
3C5379
364A6B
2F405E
283750
222E43
1B2536
141C28
0D121B
07090D
000000
FFFFFF
EBEDF1
D7DBE2
C3CAD4
AFB8C6
9CA6B8
8894A9
74829B
60718D
4C5F7E
384D70
324565
2D3E5A
27364E
222E43
1C2738
161F2D
111722
0B0F16
06080B
000000
FFFFFF
EAECEE
D5D8DE
C0C5CD
ABB2BD
969FAC
818B9B
6C788B
57657A
42516A
2D3E59
293850
243247
1F2B3E
1B2535
171F2D
121924
0D131B
090C12
040609
000000
FFFFFF
E9EAEC
D3D5D9
BDC0C7
A7ABB4
9197A1
7A828E
646D7B
4E5869
384356
222E43
1F293C
1B2536
18202F
141C28
111722
0E121B
0A0E14
07090D
030507
000000
FFFFFF
E8E9EA
D0D2D5
B9BCC0
A2A5AB
8B8F96
737981
5C626C
454C57
2D3542
161F2D
141C29
121924
0F161F
0D131B
0B1017
090C12
07090D
040609
020304
000000
FFFFFF
E7E7E8
CECFD0
B6B7B9
9D9FA2
85878B
6D6F73
54575C
3C3F45
23272D
0B0F16
0A0E14
090C12
080B0F
07090D
06080B
040609
030407
020304
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