Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/445683-56668f-69779b-7c88a8-8e99b4-a1aac1-b4bbcd-c6ccd9-d9dde6-eceef2-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 445683
RGB: 68,86,131
Hex: 56668F
RGB: 86,102,143
Hex: 69779B
RGB: 105,119,155
Hex: 7C88A8
RGB: 124,136,168
Hex: 8E99B4
RGB: 142,153,180
Hex: A1AAC1
RGB: 161,170,193
Hex: B4BBCD
RGB: 180,187,205
Hex: C6CCD9
RGB: 198,204,217
Hex: D9DDE6
RGB: 217,221,230
Hex: ECEEF2
RGB: 236,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
ECEEF3
DADDE6
C7CCDA
B4BBCD
A2ABC1
8F9AB5
7C89A8
69789C
57678F
445683
3D4D76
364569
303C5C
29344F
222B42
1B2234
141A27
0E111A
07090D
000000
FFFFFF
EEF0F4
DDE0E9
CCD1DD
BBC2D2
ABB3C7
9AA3BC
8994B1
7885A5
67759A
56668F
4D5C81
455272
3C4764
343D56
2B3348
222939
1A1F2B
11141D
090A0E
000000
FFFFFF
F0F1F5
E1E4EB
D2D6E1
C3C9D7
B4BBCD
A5ADC3
96A0B9
8792AF
7885A5
69779B
5F6B8C
545F7C
4A536D
3F475D
353C4E
2A303E
1F242E
15181F
0A0C0F
000000
FFFFFF
F2F3F6
E5E7EE
D8DBE5
CBCFDC
BEC4D4
B0B8CB
A3ACC2
96A0B9
8994B1
7C88A8
707A97
636D86
575F76
4A5265
3E4454
323643
252932
191B22
0C0E11
000000
FFFFFF
F4F5F8
E8EBF0
DDE0E9
D2D6E1
C7CCDA
BBC2D2
B0B8CB
A5ADC3
99A3BC
8E99B4
808AA2
727A90
636B7E
555C6C
474D5A
393D48
2B2E36
1C1F24
0E0F12
000000
FFFFFF
F6F7F9
ECEEF3
E3E6EC
D9DDE6
D0D5E0
C7CCDA
BDC4D4
B4BBCD
AAB3C7
A1AAC1
9199AE
81889A
717787
616674
515561
40444D
30333A
202227
101113
000000
FFFFFF
F8F8FA
F0F1F5
E9EBF0
E1E4EB
DADDE6
D2D6E1
CBCFDC
C3C9D7
BCC2D2
B4BBCD
A2A8B9
9096A4
7E8390
6C707B
5A5E67
484B52
36383D
242529
121314
000000
FFFFFF
F9FAFB
F4F5F7
EEF0F4
E8EBF0
E3E6EC
DDE0E8
D7DBE4
D1D6E1
CCD1DD
C6CCD9
B2B8C3
9EA3AE
8B8F98
777A82
63666D
4F5257
3B3D41
28292B
141416
000000
FFFFFF
FBFCFD
F7F8FA
F4F5F8
F0F1F5
ECEEF3
E8EBF0
E4E7EE
E1E4EB
DDE0E9
D9DDE6
C3C7CF
AEB1B8
989BA1
82858A
6D6F73
57585C
414245
2B2C2E
161617
000000
FFFFFF
FDFDFE
FBFCFC
F9FAFB
F7F8FA
F6F7F9
F4F5F7
F2F3F6
F0F1F5
EEF0F3
ECEEF2
D4D6DA
BDBEC2
A5A7A9
8E8F91
767779
5E5F61
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