Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/454f71-57607f-6a728d-7c839b-8f95a9-a2a7b8-b4b8c6-c7cad4-d9dbe2-ecedf0-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 454F71
RGB: 69,79,113
Hex: 57607F
RGB: 87,96,127
Hex: 6A728D
RGB: 106,114,141
Hex: 7C839B
RGB: 124,131,155
Hex: 8F95A9
RGB: 143,149,169
Hex: A2A7B8
RGB: 162,167,184
Hex: B4B8C6
RGB: 180,184,198
Hex: C7CAD4
RGB: 199,202,212
Hex: D9DBE2
RGB: 217,219,226
Hex: ECEDF0
RGB: 236,237,240
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
ECEDF1
DADCE3
C7CAD4
B5B9C6
A2A7B8
8F95AA
7D849C
6A728D
58617F
454F71
3E4766
373F5A
30374F
292F44
232839
1C202D
151822
0E1017
07080B
000000
FFFFFF
EEEFF2
DDDFE5
CDCFD9
BCBFCC
ABB0BF
9AA0B2
8990A5
798099
68708C
57607F
4E5672
464D66
3D4359
343A4C
2C3040
232633
1A1D26
111319
090A0D
000000
FFFFFF
F0F1F4
E1E3E8
D2D5DD
C3C7D1
B5B9C6
A6AABB
979CAF
888EA4
798098
6A728D
5F677F
555B71
4A5063
404455
353947
2A2E38
20222A
15171C
0B0B0E
000000
FFFFFF
F2F3F5
E5E6EB
D8DAE1
CBCDD7
BEC1CD
B0B5C3
A3A8B9
969CAF
898FA5
7C839B
70768C
63697C
575C6D
4A4F5D
3E424E
32343E
25272E
191A1F
0C0D0F
000000
FFFFFF
F4F4F6
E9EAEE
DDDFE5
D2D5DD
C7CAD4
BCBFCB
B1B5C3
A5AABA
9AA0B2
8F95A9
818698
727787
646876
565965
484B55
393C44
2B2D33
1D1E22
0E0F11
000000
FFFFFF
F6F6F8
ECEDF1
E3E5EA
DADCE3
D1D3DC
C7CAD4
BEC1CD
B5B9C6
ABB0BF
A2A7B8
9296A6
828693
717581
61646E
51545C
41434A
313237
202125
101112
000000
FFFFFF
F8F8F9
F0F1F4
E9EAEE
E1E3E8
DADCE3
D2D4DD
CBCDD7
C3C6D1
BCBFCC
B4B8C6
A2A6B2
90939E
7E818B
6C6E77
5A5C63
484A4F
36373B
242528
121214
000000
FFFFFF
F9FAFB
F4F4F6
EEEFF2
E9EAEE
E3E5EA
DDDFE5
D8DAE1
D2D5DD
CDCFD8
C7CAD4
B3B6BF
9FA2AA
8B8D94
77797F
64656A
505155
3C3D40
28282A
141415
000000
FFFFFF
FBFBFC
F7F8F9
F4F4F6
F0F1F3
ECEDF1
E8E9EE
E4E6EB
E1E2E8
DDDFE5
D9DBE2
C3C5CB
AEAFB5
98999E
828388
6D6E71
57585A
414244
2B2C2D
161617
000000
FFFFFF
FDFDFE
FBFBFC
F9FAFB
F7F8F9
F6F6F8
F4F4F6
F2F2F5
F0F1F3
EEEFF2
ECEDF0
D4D5D8
BDBEC0
A5A6A8
8E8E90
767778
5E5F60
474748
2F2F30
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