Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/318c43-2c7e3c-277035-22622e-1d5428-184621-13381a-0e2a14-091c0d-040e06-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 318C43
RGB: 49,140,67
Hex: 2C7E3C
RGB: 44,126,60
Hex: 277035
RGB: 39,112,53
Hex: 22622E
RGB: 34,98,46
Hex: 1D5428
RGB: 29,84,40
Hex: 184621
RGB: 24,70,33
Hex: 13381A
RGB: 19,56,26
Hex: 0E2A14
RGB: 14,42,20
Hex: 091C0D
RGB: 9,28,13
Hex: 040E06
RGB: 4,14,6
Hex: 000000
RGB: 0,0,0
-100%
-90%
-80%
-70%
-60%
-50%
-40%
-30%
-20%
-10%
Original
10%
20%
30%
40%
50%
60%
70%
80%
90%
100%
FFFFFF
EAF4EC
D6E8D9
C1DDC7
ADD1B4
98C6A1
83BA8E
6FAF7B
5AA369
469856
318C43
2C7E3C
277036
22622F
1D5428
194622
14381B
0F2A14
0A1C0D
050E07
000000
FFFFFF
EAF2EC
D5E5D8
C0D8C5
ABCBB1
96BF9E
80B28A
6BA577
569863
418B50
2C7E3C
287136
236530
1F582A
1A4C24
163F1E
123218
0D2612
09190C
040D06
000000
FFFFFF
E9F1EB
D4E2D7
BED4C2
A9C6AE
93B89A
7DA986
689B72
528D5D
3D7E49
277035
236530
1F5A2A
1B4E25
174320
14381B
102D15
0C2210
08160B
040B05
000000
FFFFFF
E9EFEA
D3E0D5
BDD0C0
A7C0AB
91B197
7AA182
64916D
4E8158
387243
22622E
1F5829
1B4E25
184520
143B1C
113117
0E2712
0A1D0E
071409
030A05
000000
FFFFFF
E8EEEA
D2DDD4
BBCCBF
A5BBA9
8EAA94
77987E
618769
4A7653
34653E
1D5428
1A4C24
174320
143B1C
113218
0F2A14
0C2210
09190C
061108
030804
000000
FFFFFF
E8EDE9
D1DAD3
BAC8BC
A3B5A6
8CA390
74907A
5D7E64
466B4D
2F5937
184621
163F1E
13381A
113117
0E2A14
0C2311
0A1C0D
07150A
050E07
020703
000000
FFFFFF
E7EBE8
D0D7D1
B8C3BA
A1AFA3
899C8D
718876
5A745F
426048
2B4C31
13381A
113217
0F2D15
0D2712
0B2210
0A1C0D
08160A
061108
040B05
020603
000000
FFFFFF
E7EAE8
CFD4D0
B7BFB9
9FAAA1
87958A
6E7F72
566A5B
3E5543
263F2C
0E2A14
0D2612
0B2210
0A1D0E
08190C
07150A
061108
040D06
030804
010402
000000
FFFFFF
E6E8E7
CED2CF
B5BBB6
9DA49E
848E86
6B776E
536056
3A493D
223325
091C0D
08190C
07160A
061409
051108
050E07
040B05
030804
020603
010301
000000
FFFFFF
E6E7E6
CDCFCD
B4B7B4
9B9F9B
828783
686E6A
4F5651
363E38
1D261F
040E06
040D05
030B05
030A04
020804
020703
020602
010402
010301
000101
000000
FFFFFF
E6E6E6
CCCCCC
B3B3B3
999999
808080
666666
4D4D4D
333333
1A1A1A
000000
000000
000000
000000
000000
000000
000000
000000
000000
000000
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