Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/2a4c54-3f5d65-546f76-698187-7f9398-94a5a9-a9b7ba-bfc9cb-d4dbdc-e9eded-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 2A4C54
RGB: 42,76,84
Hex: 3F5D65
RGB: 63,93,101
Hex: 546F76
RGB: 84,111,118
Hex: 698187
RGB: 105,129,135
Hex: 7F9398
RGB: 127,147,152
Hex: 94A5A9
RGB: 148,165,169
Hex: A9B7BA
RGB: 169,183,186
Hex: BFC9CB
RGB: 191,201,203
Hex: D4DBDC
RGB: 212,219,220
Hex: E9EDED
RGB: 233,237,237
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
EAEDEE
D4DBDD
BFC9CC
AAB7BB
95A6AA
7F9498
6A8287
557076
3F5E65
2A4C54
26444C
223D43
1D353B
192E32
15262A
111E22
0D1719
080F11
040808
000000
FFFFFF
ECEFF0
D9DFE0
C5CED1
B2BEC1
9FAEB2
8C9EA3
798E93
657D84
526D74
3F5D65
39545B
324A51
2C4147
26383D
202F33
192528
131C1E
0D1314
06090A
000000
FFFFFF
EEF1F1
DDE2E4
CCD4D6
BBC5C8
AAB7BB
98A9AD
879A9F
768C91
657D84
546F76
4C646A
43595E
3B4E53
324347
2A383B
222C2F
192123
111618
080B0C
000000
FFFFFF
F0F2F3
E1E6E7
D2D9DB
C3CDCF
B4C0C3
A5B3B7
96A7AB
879A9F
788E93
698187
5F747A
54676C
4A5A5F
3F4D51
354144
2A3436
1F2728
151A1B
0A0D0D
000000
FFFFFF
F2F4F5
E5E9EA
D9DFE0
CCD4D6
BFC9CC
B2BEC1
A5B3B7
99A9AD
8C9EA2
7F9398
728489
66767A
59676A
4C585B
404A4C
333B3D
262C2E
191D1E
0D0F0F
000000
FFFFFF
F4F6F6
EAEDEE
DFE4E5
D4DBDD
CAD2D4
BFC9CB
B4C0C3
A9B7BA
9FAEB2
94A5A9
859598
768487
687376
596365
4A5355
3B4244
2C3133
1E2122
0F1011
000000
FFFFFF
F6F8F8
EEF1F1
E5E9EA
DDE2E3
D4DBDD
CBD4D6
C3CDCF
BAC5C8
B2BEC1
A9B7BA
98A5A7
879295
768082
656E70
555C5D
44494A
333738
222525
111213
000000
FFFFFF
F9FAFA
F2F4F5
ECEFEF
E5E9EA
DFE4E5
D9DFE0
D2D9DB
CCD4D5
C5CED0
BFC9CB
ACB5B7
99A1A2
868D8E
73797A
606566
4C5051
393C3D
262829
131414
000000
FFFFFF
FBFBFC
F6F8F8
F2F4F5
EEF1F1
EAEDEE
E5E9EA
E1E6E7
DDE2E3
D8DFE0
D4DBDC
BFC5C6
AAAFB0
94999A
7F8384
6A6E6E
555858
404242
2A2C2C
151616
000000
FFFFFF
FDFDFD
FBFBFB
F8FAFA
F6F8F8
F4F6F6
F2F4F4
F0F2F2
EDF1F1
EBEFEF
E9EDED
D2D5D5
BABEBE
A3A6A6
8C8E8E
757777
5D5F5F
464747
2F2F2F
171818
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