Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/5464e8-6573ea-7683ec-8792ee-98a2f1-a9b1f3-bac1f5-cbd0f8-dce0fa-edeffc-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 5464E8
RGB: 84,100,232
Hex: 6573EA
RGB: 101,115,234
Hex: 7683EC
RGB: 118,131,236
Hex: 8792EE
RGB: 135,146,238
Hex: 98A2F1
RGB: 152,162,241
Hex: A9B1F3
RGB: 169,177,243
Hex: BAC1F5
RGB: 186,193,245
Hex: CBD0F8
RGB: 203,208,248
Hex: DCE0FA
RGB: 220,224,250
Hex: EDEFFC
RGB: 237,239,252
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
EEF0FD
DDE0FA
CCD1F8
BBC1F6
AAB2F4
98A2F1
8793EF
7683ED
6574EA
5464E8
4C5AD1
4350BA
3B46A2
323C8B
2A3274
22285D
191E46
11142E
080A17
000000
FFFFFF
F0F1FD
E0E3FB
D1D5F9
C1C7F7
B2B9F5
A3ABF2
939DF0
848FEE
7481EC
6573EA
5B68D3
515CBB
4751A4
3D458C
333A75
282E5E
1E2246
14172F
0A0B17
000000
FFFFFF
F1F3FD
E4E6FB
D6DAF9
C8CDF7
BBC1F6
ADB5F4
9FA8F2
919CF0
848FEE
7683EC
6A76D4
5E69BD
535CA5
474F8E
3B4276
2F345E
232747
181A2F
0C0D18
000000
FFFFFF
F3F4FD
E7E9FC
DBDEFA
CFD3F8
C3C9F7
B7BEF5
ABB3F3
9FA8F1
939DF0
8792EE
7A83D6
6C75BE
5F66A7
51588F
444977
363A5F
282C47
1B1D30
0D0F18
000000
FFFFFF
F5F6FE
EAECFC
E0E3FB
D6DAF9
CCD1F8
C1C7F7
B7BEF5
ADB5F4
A2ABF2
98A2F1
8992D9
7A82C1
6A71A9
5B6191
4C5179
3D4160
2E3148
1E2030
0F1018
000000
FFFFFF
F6F7FE
EEEFFD
E5E8FB
DDE0FA
D4D8F9
CBD0F8
C3C8F7
BAC1F5
B2B9F4
A9B1F3
989FDB
878EC2
767CAA
656A92
55597A
444761
333549
222331
111218
000000
FFFFFF
F8F9FE
F1F3FD
EAECFC
E3E6FB
DDE0FA
D6DAF9
CFD4F8
C8CDF7
C1C7F6
BAC1F5
A7AEDD
959AC4
8287AC
707493
5D617B
4A4D62
383A49
252731
131318
000000
FFFFFF
FAFAFE
F5F6FE
EFF1FD
EAECFC
E5E8FC
E0E3FB
DBDEFA
D5D9F9
D0D5F9
CBD0F8
B7BBDF
A2A6C6
8E92AE
7A7D95
66687C
515363
3D3E4A
292A32
141519
000000
FFFFFF
FCFCFF
F8F9FE
F5F6FE
F1F3FD
EEF0FD
EAECFC
E7E9FC
E3E6FB
E0E3FB
DCE0FA
C6CAE1
B0B3C8
9A9DAF
848696
6E707D
585A64
42434B
2C2D32
161619
000000
FFFFFF
FDFDFF
FBFCFE
FAFAFE
F8F9FE
F6F7FE
F4F5FD
F2F4FD
F1F2FD
EFF1FC
EDEFFC
D5D7E3
BEBFCA
A6A7B0
8E8F97
77787E
5F6065
47484C
2F3032
181819
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