Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/3a6146-4d7058-61806b-75907d-88a090-9cb0a2-b0bfb5-c3cfc7-d7dfda-ebefec-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 3A6146
RGB: 58,97,70
Hex: 4D7058
RGB: 77,112,88
Hex: 61806B
RGB: 97,128,107
Hex: 75907D
RGB: 117,144,125
Hex: 88A090
RGB: 136,160,144
Hex: 9CB0A2
RGB: 156,176,162
Hex: B0BFB5
RGB: 176,191,181
Hex: C3CFC7
RGB: 195,207,199
Hex: D7DFDA
RGB: 215,223,218
Hex: EBEFEC
RGB: 235,239,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
EBEFED
D8DFDA
C4D0C8
B0C0B5
9DB0A3
89A090
75907E
61816B
4E7159
3A6146
34573F
2E4E38
294431
233A2A
1D3123
17271C
111D15
0C130E
060A07
000000
FFFFFF
EDF1EE
DBE2DE
CAD4CD
B8C6BC
A6B8AC
94A99B
829B8A
718D79
5F7E69
4D7058
45654F
3E5A46
364E3E
2E4335
27382C
1F2D23
17221A
0F1612
080B09
000000
FFFFFF
EFF2F0
DFE6E1
D0D9D3
C0CCC4
B0C0B5
A0B3A6
90A697
819989
718D7A
61806B
577360
4E6656
445A4B
3A4D40
314036
27332B
1D2620
131A15
0A0D0B
000000
FFFFFF
F1F4F2
E3E9E5
D6DED8
C8D3CB
BAC8BE
ACBCB1
9EB1A4
91A697
839B8A
75907D
698271
5E7364
526558
46564B
3B483F
2F3A32
232B25
171D19
0C0E0C
000000
FFFFFF
F3F6F4
E7ECE9
DBE3DE
CFD9D3
C4D0C8
B8C6BC
ACBDB1
A0B3A6
94AA9B
88A090
7A9082
6D8073
5F7065
526056
445048
36403A
29302B
1B201D
0E100E
000000
FFFFFF
F5F7F6
EBEFEC
E1E7E3
D7DFDA
CED8D1
C4D0C7
BAC8BE
B0C0B5
A6B8AB
9CB0A2
8C9E92
7D8D82
6D7B71
5E6A61
4E5851
3E4641
2F3531
1F2320
101210
000000
FFFFFF
F7F9F8
EFF2F0
E7ECE9
DFE5E1
D8DFDA
D0D9D3
C8D2CB
C0CCC4
B8C5BC
B0BFB5
9EACA3
8D9991
7B867F
6A736D
58605B
464C48
353936
232624
121312
000000
FFFFFF
F9FAF9
F3F5F4
EDF1EE
E7ECE9
E1E7E3
DBE2DD
D5DDD8
CFD9D2
C9D4CD
C3CFC7
B0BAB3
9CA69F
89918B
757C77
626864
4E5350
3A3E3C
272928
131514
000000
FFFFFF
FBFCFB
F7F9F8
F3F5F4
EFF2F0
EBEFED
E7ECE9
E3E9E5
DFE5E1
DBE2DE
D7DFDA
C2C9C4
ACB2AE
979C99
818683
6C706D
565957
404341
2B2D2C
151616
000000
FFFFFF
FDFDFD
FBFCFB
F9FAF9
F7F9F7
F5F7F6
F3F5F4
F1F4F2
EFF2F0
EDF1EE
EBEFEC
D4D7D4
BCBFBD
A5A7A5
8D8F8E
767876
5E605E
464847
2F302F
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