Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/30543c-44654f-597663-6e8776-82988a-97a99d-acbab1-c0cbc4-d5dcd8-eaedeb-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 30543C
RGB: 48,84,60
Hex: 44654F
RGB: 68,101,79
Hex: 597663
RGB: 89,118,99
Hex: 6E8776
RGB: 110,135,118
Hex: 82988A
RGB: 130,152,138
Hex: 97A99D
RGB: 151,169,157
Hex: ACBAB1
RGB: 172,186,177
Hex: C0CBC4
RGB: 192,203,196
Hex: D5DCD8
RGB: 213,220,216
Hex: EAEDEB
RGB: 234,237,235
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
EAEEEC
D6DDD8
C1CCC5
ACBBB1
98AA9E
83988A
6E8777
597663
456550
30543C
2B4C36
264330
223B2A
1D3224
182A1E
132218
0E1912
0A110C
050806
000000
FFFFFF
ECF0ED
DAE0DC
C7D1CA
B4C1B9
A2B2A7
8FA395
7C9384
698472
577461
44654F
3D5B47
36513F
304737
293D2F
223328
1B2820
141E18
0E1410
070A08
000000
FFFFFF
EEF1EF
DEE4E0
CDD6D0
BDC8C1
ACBBB1
9BADA1
8B9F92
7A9182
6A8473
597663
506A59
475E4F
3E5345
35473B
2D3B32
242F28
1B231E
121814
090C0A
000000
FFFFFF
F1F3F1
E2E7E4
D4DBD6
C5CFC8
B7C3BB
A8B7AD
9AAB9F
8B9F91
7D9384
6E8776
637A6A
586C5E
4D5F53
425147
37443B
2C362F
212823
161B18
0B0D0C
000000
FFFFFF
F3F5F3
E6EAE8
DAE0DC
CDD6D0
C1CCC5
B4C1B9
A8B7AD
9BADA1
8FA296
82988A
75897C
687A6E
5B6A61
4E5B53
414C45
343D37
272E29
1A1E1C
0D0F0E
000000
FFFFFF
F5F6F5
EAEEEB
E0E5E2
D5DDD8
CBD4CE
C1CBC4
B6C3BA
ACBAB1
A1B2A7
97A99D
88988D
79877E
6A766E
5B655E
4C554F
3C443F
2D332F
1E221F
0F1110
000000
FFFFFF
F7F8F7
EEF1EF
E6EAE8
DEE3E0
D6DDD8
CDD6D0
C5CFC8
BDC8C1
B4C1B9
ACBAB1
9BA79F
8A958E
78827C
67706A
565D59
454A47
343835
222523
111312
000000
FFFFFF
F9FAF9
F2F5F3
ECEFED
E6EAE7
E0E5E2
D9E0DC
D3DBD6
CDD5D0
C6D0CA
C0CBC4
ADB7B0
9AA29D
868E89
737A76
606662
4D514E
3A3D3B
262927
131414
000000
FFFFFF
FBFCFB
F7F8F7
F2F5F3
EEF1EF
EAEEEC
E6EAE8
E2E7E4
DDE3E0
D9E0DC
D5DCD8
C0C6C2
AAB0AD
959A97
808482
6B6E6C
555856
404241
2B2C2B
151616
000000
FFFFFF
FDFDFD
FBFBFB
F9FAF9
F7F8F7
F5F6F5
F2F4F3
F0F2F1
EEF1EF
ECEFED
EAEDEB
D3D5D4
BBBEBC
A4A6A5
8C8E8D
757776
5E5F5E
464746
2F2F2F
171817
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