Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/7c98dd-6f88c6-6379b0-566a9a-4a5b84-3e4c6e-313c58-252d42-181e2c-0c0f16-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 7C98DD
RGB: 124,152,221
Hex: 6F88C6
RGB: 111,136,198
Hex: 6379B0
RGB: 99,121,176
Hex: 566A9A
RGB: 86,106,154
Hex: 4A5B84
RGB: 74,91,132
Hex: 3E4C6E
RGB: 62,76,110
Hex: 313C58
RGB: 49,60,88
Hex: 252D42
RGB: 37,45,66
Hex: 181E2C
RGB: 24,30,44
Hex: 0C0F16
RGB: 12,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
F2F5FC
E5EAF8
D8E0F5
CBD6F1
BECCEE
B0C1EB
A3B7E7
96ADE4
89A2E0
7C98DD
7089C7
637AB1
576A9B
4A5B85
3E4C6F
323D58
252E42
191E2C
0C0F16
000000
FFFFFF
F1F3F9
E2E7F4
D4DBEE
C5CFE8
B7C4E3
A9B8DD
9AACD7
8CA0D1
7D94CC
6F88C6
647AB2
596D9E
4E5F8B
435277
384463
2C364F
21293B
161B28
0B0E14
000000
FFFFFF
EFF2F7
E0E4EF
D0D7E7
C1C9DF
B1BCD8
A1AFD0
92A1C8
8294C0
7386B8
6379B0
596D9E
4F618D
45557B
3B496A
323D58
283046
1E2435
141823
0A0C12
000000
FFFFFF
EEF0F5
DDE1EB
CCD2E1
BBC3D7
ABB5CD
9AA6C2
8997B8
7888AE
6779A4
566A9A
4D5F8B
45557B
3C4A6C
34405C
2B354D
222A3E
1A202E
11151F
090B0F
000000
FFFFFF
EDEFF3
DBDEE6
C9CEDA
B7BDCE
A5ADC2
929DB5
808CA9
6E7C9D
5C6B90
4A5B84
435277
3B496A
34405C
2C374F
252E42
1E2435
161B28
0F121A
07090D
000000
FFFFFF
ECEDF1
D8DBE2
C5C9D4
B2B7C5
9FA6B7
8B94A8
78829A
65708B
515E7D
3E4C6E
384463
323D58
2B354D
252E42
1F2637
191E2C
131721
0C0F16
06080B
000000
FFFFFF
EAECEE
D6D8DE
C1C5CD
ADB1BC
989EAC
838A9B
6F778A
5A6379
465069
313C58
2C364F
273046
222A3E
1D2435
191E2C
141823
0F121A
0A0C12
050609
000000
FFFFFF
E9EAEC
D3D5D9
BEC0C6
A8ABB3
9296A1
7C818E
666C7B
515768
3B4255
252D42
21293B
1E2435
1A1F2E
161B28
131721
0F121A
0B0D14
07090D
040407
000000
FFFFFF
E8E9EA
D1D2D5
BABCC0
A3A5AB
8C8F96
747880
5D626B
464B56
2F3541
181E2C
161B28
131823
11151F
0E121A
0C0F16
0A0C12
07090D
050609
020304
000000
FFFFFF
E7E7E8
CECFD0
B6B7B9
9E9FA2
86878B
6D6F73
55575C
3D3F45
24272D
0C0F16
0B0E14
0A0C12
080B0F
07090D
06080B
050609
040407
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