Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/678bff-5c7de5-526fcc-4861b2-3d5399-33457f-293766-1e294c-141b33-0a0d19-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 678BFF
RGB: 103,139,255
Hex: 5C7DE5
RGB: 92,125,229
Hex: 526FCC
RGB: 82,111,204
Hex: 4861B2
RGB: 72,97,178
Hex: 3D5399
RGB: 61,83,153
Hex: 33457F
RGB: 51,69,127
Hex: 293766
RGB: 41,55,102
Hex: 1E294C
RGB: 30,41,76
Hex: 141B33
RGB: 20,27,51
Hex: 0A0D19
RGB: 10,13,25
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
F0F3FF
E1E8FF
D1DCFF
C2D1FF
B3C5FF
A4B9FF
95AEFF
85A2FF
7697FF
678BFF
5D7DE6
526FCC
4861B3
3E5399
344680
293866
1F2A4C
151C33
0A0E19
000000
FFFFFF
EFF2FC
DEE5FA
CED8F7
BECBF5
AEBEF2
9DB1EF
8DA4ED
7D97EA
6C8AE8
5C7DE5
5371CE
4A64B7
4058A0
374B89
2E3F73
25325C
1C2545
12192E
090C17
000000
FFFFFF
EEF1FA
DCE2F5
CBD4F0
BAC5EB
A9B7E6
97A9E0
869ADB
758CD6
637DD1
526FCC
4A64B8
4259A3
394E8F
31437A
293866
212C52
19213D
101629
080B14
000000
FFFFFF
EDEFF7
DADFF0
C8D0E8
B6C0E0
A4B0D9
91A0D1
7F90C9
6D81C1
5A71BA
4861B2
4157A0
3A4E8E
32447D
2B3A6B
243159
1D2747
161D35
0E1324
070A12
000000
FFFFFF
ECEEF5
D8DDEB
C5CBE0
B1BAD6
9EA9CC
8B98C2
7787B8
6475AD
5064A3
3D5399
374B8A
31427A
2B3A6B
25325C
1F2A4D
18213D
12192E
0C111F
06080F
000000
FFFFFF
EBECF2
D6DAE5
C2C7D9
ADB5CC
99A2BF
858FB2
707DA5
5C6A99
47588C
33457F
2E3E72
293766
243059
1F294C
1A2340
141C33
0F1526
0A0E19
05070D
000000
FFFFFF
EAEBF0
D4D7E0
BFC3D1
A9AFC2
949BB3
7F87A3
697394
545F85
3E4B75
293766
25325C
212C52
1D2747
19213D
151C33
101629
0C101F
080B14
04050A
000000
FFFFFF
E9EAED
D2D4DB
BCBFC9
A5A9B7
8F94A6
787F94
626982
4B5470
353E5E
1E294C
1B2544
18213D
151D35
12192E
0F1526
0C101E
090C17
06080F
030408
000000
FFFFFF
E8E8EB
D0D1D6
B9BBC2
A1A4AD
8A8D99
727685
5B5F70
43495C
2C3247
141B33
12182E
101629
0E1324
0C101F
0A0E1A
080B14
06080F
04050A
020305
000000
FFFFFF
E7E7E8
CECFD1
B6B6BA
9D9EA3
85868C
6C6E75
54565E
3B3D47
232530
0A0D19
090C17
080A14
070912
06080F
05070D
04050A
030407
020305
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