Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/224d42-385e54-4e7067-64827a-7a948d-90a6a0-a6b7b3-bcc9c6-d2dbd9-e8edec-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 224D42
RGB: 34,77,66
Hex: 385E54
RGB: 56,94,84
Hex: 4E7067
RGB: 78,112,103
Hex: 64827A
RGB: 100,130,122
Hex: 7A948D
RGB: 122,148,141
Hex: 90A6A0
RGB: 144,166,160
Hex: A6B7B3
RGB: 166,183,179
Hex: BCC9C6
RGB: 188,201,198
Hex: D2DBD9
RGB: 210,219,217
Hex: E8EDEC
RGB: 232,237,236
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
E9EDEC
D3DBD9
BDCAC6
A7B8B3
91A6A1
7A948E
64827B
4E7168
385F55
224D42
1F453B
1B3E35
18362E
142E28
112721
0E1F1A
0A1714
070F0D
030807
000000
FFFFFF
EBEFEE
D7DFDD
C3CFCC
AFBFBB
9CAFAA
889E98
748E87
607E76
4C6E65
385E54
32554C
2D4B43
27423B
223832
1C2F2A
162622
111C19
0B1311
060908
000000
FFFFFF
EDF1F0
DCE2E1
CAD4D1
B8C6C2
A7B8B3
95A9A4
839B95
718D85
607E76
4E7067
46655D
3E5A52
374E48
2F433E
273834
1F2D29
17221F
101615
080B0A
000000
FFFFFF
F0F3F2
E0E6E4
D1DAD7
C1CDCA
B2C1BD
A2B4AF
93A8A2
839B95
748F87
64827A
5A756E
506862
465B55
3C4E49
32413D
283431
1E2725
141A18
0A0D0C
000000
FFFFFF
F2F4F4
E4EAE8
D7DFDD
CAD4D1
BDCAC6
AFBFBB
A2B4AF
95A9A4
879F98
7A948D
6E857F
627671
556863
495955
3D4A47
313B38
252C2A
181E1C
0C0F0E
000000
FFFFFF
F4F6F6
E9EDEC
DEE4E3
D3DBD9
C8D3D0
BCCAC6
B1C1BD
A6B8B3
9BAFAA
90A6A0
829590
738580
657470
566460
485350
3A4240
2B3230
1D2120
0E1110
000000
FFFFFF
F6F8F7
EDF1F0
E4E9E8
DBE2E1
D3DBD9
CAD4D1
C1CDCA
B8C5C2
AFBEBB
A6B7B3
95A5A1
85928F
74807D
646E6B
535C5A
424948
323736
212524
111212
000000
FFFFFF
F8FAF9
F2F4F4
EBEFEE
E4E9E8
DEE4E3
D7DFDD
D0D9D7
C9D4D1
C3CECC
BCC9C6
A9B5B2
96A19E
848D8B
717977
5E6563
4B504F
383C3B
262828
131414
000000
FFFFFF
FBFBFB
F6F8F7
F2F4F4
EDF1F0
E9EDEC
E4E9E8
E0E6E4
DBE2E1
D7DFDD
D2DBD9
BDC5C3
A8AFAE
939998
7E8382
696E6D
545857
3F4241
2A2C2B
151616
000000
FFFFFF
FDFDFD
FAFBFB
F8FAF9
F6F8F7
F4F6F6
F1F4F4
EFF2F2
EDF1F0
EAEFEE
E8EDEC
D1D5D4
BABEBD
A2A6A5
8B8E8E
747776
5D5F5E
464747
2E2F2F
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