Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/545a84-656a90-767b9c-878ba8-989cb5-a9acc1-babdcd-cbcdda-dcdee6-edeef2-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 545A84
RGB: 84,90,132
Hex: 656A90
RGB: 101,106,144
Hex: 767B9C
RGB: 118,123,156
Hex: 878BA8
RGB: 135,139,168
Hex: 989CB5
RGB: 152,156,181
Hex: A9ACC1
RGB: 169,172,193
Hex: BABDCD
RGB: 186,189,205
Hex: CBCDDA
RGB: 203,205,218
Hex: DCDEE6
RGB: 220,222,230
Hex: EDEEF2
RGB: 237,238,242
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
EEEFF3
DDDEE6
CCCEDA
BBBDCE
AAADC2
989CB5
878CA9
767B9D
656B90
545A84
4C5177
43486A
3B3F5C
32364F
2A2D42
222435
191B28
11121A
08090D
000000
FFFFFF
F0F0F4
E0E1E9
D1D2DE
C1C3D3
B2B5C8
A3A6BC
9397B1
8488A6
74799B
656A90
5B5F82
515573
474A65
3D4056
333548
282A3A
1E202B
14151D
0A0B0E
000000
FFFFFF
F1F2F5
E4E5EB
D6D7E1
C8CAD7
BBBDCE
ADB0C4
9FA3BA
9195B0
8488A6
767B9C
6A6F8C
5E627D
53566D
474A5E
3B3E4E
2F313E
23252F
18191F
0C0C10
000000
FFFFFF
F3F3F6
E7E8EE
DBDCE5
CFD1DC
C3C5D4
B7B9CB
ABAEC2
9FA2B9
9397B1
878BA8
7A7D97
6C6F86
5F6176
515365
444654
363843
282A32
1B1C22
0D0E11
000000
FFFFFF
F5F5F8
EAEBF0
E0E1E9
D6D7E1
CCCEDA
C1C4D3
B7BACB
ADB0C4
A2A6BC
989CB5
898CA3
7A7D91
6A6D7F
5B5E6D
4C4E5B
3D3E48
2E2F36
1E1F24
0F1012
000000
FFFFFF
F6F7F9
EEEEF3
E5E6EC
DDDEE6
D4D6E0
CBCDDA
C3C5D4
BABDCD
B2B4C7
A9ACC1
989BAE
878A9A
767887
656774
555661
44454D
33343A
222227
111113
000000
FFFFFF
F8F8FA
F1F2F5
EAEBF0
E3E5EB
DDDEE6
D6D7E1
CFD1DC
C8CAD7
C1C4D2
BABDCD
A7AAB9
9597A4
828490
70717B
5D5F67
4A4C52
38393D
252629
131314
000000
FFFFFF
FAFAFB
F5F5F8
EFF0F4
EAEBF0
E5E6ED
E0E1E9
DBDCE5
D5D7E1
D0D2DE
CBCDDA
B7B9C4
A2A4AE
8E9099
7A7B83
66676D
515257
3D3D41
29292C
141416
000000
FFFFFF
FCFCFD
F8F8FA
F5F5F8
F1F2F5
EEEFF3
EAEBF0
E7E8EE
E3E5EB
E0E1E9
DCDEE6
C6C8CF
B0B2B8
9A9BA1
84858A
6E6F73
58595C
424345
2C2C2E
161617
000000
FFFFFF
FDFDFE
FBFCFC
FAFAFB
F8F8FA
F6F7F9
F4F5F7
F2F3F6
F1F1F5
EFF0F3
EDEEF2
D5D6DA
BEBEC2
A6A7A9
8E8F91
777779
5F5F61
474749
2F3030
181818
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