Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/7586bd-6979aa-5e6b97-525e84-465071-3a435e-2f364c-232839-171b26-0c0d13-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 7586BD
RGB: 117,134,189
Hex: 6979AA
RGB: 105,121,170
Hex: 5E6B97
RGB: 94,107,151
Hex: 525E84
RGB: 82,94,132
Hex: 465071
RGB: 70,80,113
Hex: 3A435E
RGB: 58,67,94
Hex: 2F364C
RGB: 47,54,76
Hex: 232839
RGB: 35,40,57
Hex: 171B26
RGB: 23,27,38
Hex: 0C0D13
RGB: 12,13,19
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
F1F3F8
E3E7F2
D6DBEB
C8CFE5
BAC3DE
ACB6D7
9EAAD1
919ECA
8392C4
7586BD
6979AA
5E6B97
525E84
465071
3B435F
2F364C
232839
171B26
0C0D13
000000
FFFFFF
F0F2F7
E1E4EE
D2D7E6
C3C9DD
B4BCD5
A5AFCC
96A1C4
8794BB
7886B3
6979AA
5F6D99
546188
4A5577
3F4966
353D55
2A3044
1F2433
151822
0A0C11
000000
FFFFFF
EFF0F5
DFE1EA
CFD3E0
BFC4D5
AFB5CB
9EA6C1
8E97B6
7E89AC
6E7AA1
5E6B97
556088
4B5679
424B6A
38405B
2F364C
262B3C
1C202D
13151E
090B0F
000000
FFFFFF
EEEFF3
DCDFE6
CBCFDA
BABFCE
A9AFC2
979EB5
868EA9
757E9D
636E90
525E84
4A5577
424B6A
39425C
31384F
292F42
212635
191C28
10131A
08090D
000000
FFFFFF
EDEEF1
DADCE3
C8CBD4
B5B9C6
A3A8B8
9096AA
7E859C
6B738D
59627F
465071
3F4866
38405A
31384F
2A3044
232839
1C202D
151822
0E1017
07080B
000000
FFFFFF
EBECEF
D8D9DF
C4C7CF
B0B4BF
9DA1AF
898E9E
757B8E
61697E
4E566E
3A435E
343C55
2E364B
292F42
232838
1D222F
171B26
11141C
0C0D13
060709
000000
FFFFFF
EAEBED
D5D7DB
C1C3C9
ACAFB7
979BA6
828694
6D7282
595E70
444A5E
2F364C
2A3144
262B3D
212635
1C202E
181B26
13161E
0E1017
090B0F
050508
000000
FFFFFF
E9EAEB
D3D4D7
BDBFC4
A7A9B0
91949C
7B7E88
656974
4F5361
393E4D
232839
202433
1C202E
191C28
151822
12141D
0E1017
0A0C11
07080B
030406
000000
FFFFFF
E8E8E9
D1D1D4
B9BBBE
A2A4A8
8B8D93
74767D
5D5F67
454951
2E323C
171B26
151822
12161E
10131B
0E1017
0C0E13
090B0F
07080B
050508
020304
000000
FFFFFF
E7E7E7
CECFD0
B6B6B8
9E9EA1
868689
6D6E71
55565A
3D3D42
24252B
0C0D13
0B0C11
0A0A0F
08090D
07080B
06070A
050508
040406
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