Color Palette Generator


Color Scheme

Color Name









Palette Link (Permalink): https://www.colorxs.com/palette/editor/31443e-466259-5b8074-739b8e-91b0a6-afc5be-ccdbd6?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 31443E
RGB: 49,68,62
Hex: 466259
RGB: 70,98,89
Hex: 5B8074
RGB: 91,128,116
Hex: 739B8E
RGB: 115,155,142
Hex: 91B0A6
RGB: 145,176,166
Hex: AFC5BE
RGB: 175,197,190
Hex: CCDBD6
RGB: 204,219,214
-100%
-90%
-80%
-70%
-60%
-50%
-40%
-30%
-20%
-10%
Original
10%
20%
30%
40%
50%
60%
70%
80%
90%
100%
FFFFFF
EAECEC
D6DAD8
C1C7C5
ADB4B2
98A29F
838F8B
6F7C78
5A6965
465751
31443E
2C3D38
273632
22302B
1D2925
19221F
141B19
0F1413
0A0E0C
050706
000000
FFFFFF
EDEFEE
DAE0DE
C8D0CD
B5C0BD
A3B1AC
90A19B
7E918B
6B817A
59726A
466259
3F5850
384E47
31453E
2A3B35
23312D
1C2724
151D1B
0E1412
070A09
000000
FFFFFF
EFF2F1
DEE6E3
CED9D5
BDCCC7
ADC0BA
9DB3AC
8CA69E
7C9990
6B8D82
5B8074
527368
49665D
405A51
374D46
2E403A
24332E
1B2623
121A17
090D0C
000000
FFFFFF
F1F5F4
E3EBE8
D5E1DD
C7D7D2
B9CDC7
ABC3BB
9DB9B0
8FAFA5
81A599
739B8E
688C80
5C7C72
516D63
455D55
3A4E47
2E3E39
222E2B
171F1C
0B0F0E
000000
FFFFFF
F4F7F6
E9EFED
DEE7E4
D3DFDB
C8D8D3
BDD0CA
B2C8C1
A7C0B8
9CB8AF
91B0A6
839E95
748D85
667B74
576A64
495853
3A4642
2B3532
1D2321
0E1211
000000
FFFFFF
F7F9F9
EFF3F2
E7EEEC
DFE8E5
D7E2DF
CFDCD8
C7D6D2
BFD1CB
B7CBC5
AFC5BE
9EB1AB
8C9E98
7A8A85
697672
58635F
464F4C
343B39
232726
111413
000000
FFFFFF
FAFBFB
F5F8F7
F0F4F3
EBF1EF
E6EDEB
E0E9E6
DBE6E2
D6E2DE
D1DFDA
CCDBD6
B8C5C1
A3AFAB
8F9996
7A8380
666E6B
525856
3D4240
292C2B
141615
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