Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/30896d-2b7b62-266d57-215f4c-1c5241-184436-13362b-0e2920-091b15-040d0a-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 30896D
RGB: 48,137,109
Hex: 2B7B62
RGB: 43,123,98
Hex: 266D57
RGB: 38,109,87
Hex: 215F4C
RGB: 33,95,76
Hex: 1C5241
RGB: 28,82,65
Hex: 184436
RGB: 24,68,54
Hex: 13362B
RGB: 19,54,43
Hex: 0E2920
RGB: 14,41,32
Hex: 091B15
RGB: 9,27,21
Hex: 040D0A
RGB: 4,13,10
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
EAF3F0
D6E7E2
C1DCD3
ACD0C5
98C4B6
83B8A7
6EAC99
59A18A
45957C
30896D
2B7B62
266E57
22604C
1D5241
184537
13372C
0E2921
0A1B16
050E0B
000000
FFFFFF
EAF2EF
D5E5E0
BFD7D0
AACAC0
95BDB1
80B0A1
6BA391
559581
408872
2B7B62
276F58
22624E
1E5645
1A4A3B
163E31
113127
0D251D
091914
040C0A
000000
FFFFFF
E9F0EE
D4E2DD
BED3CD
A8C5BC
93B6AB
7DA79A
679989
518A79
3C7C68
266D57
22624E
1E5746
1B4C3D
174134
13372C
0F2C23
0B211A
081611
040B09
000000
FFFFFF
E9EFED
D3DFDB
BCCFC9
A6BFB7
90AFA6
7A9F94
648F82
4D7F70
376F5E
215F4C
1E5644
1A4C3D
174335
14392E
113026
0D261E
0A1C17
07130F
030908
000000
FFFFFF
E8EEEC
D2DCD9
BBCBC6
A4BAB3
8EA9A0
77978D
60867A
497567
336354
1C5241
194A3B
164234
14392E
113127
0E2921
0B211A
081913
06100D
030806
000000
FFFFFF
E8ECEB
D1DAD7
BAC7C3
A3B4AF
8CA29B
748F86
5D7C72
46695E
2F574A
184436
163D31
13362B
113026
0E2920
0C221B
0A1B16
071410
050E0B
020705
000000
FFFFFF
E7EBEA
D0D7D5
B8C3BF
A1AFAA
899B95
718680
5A726B
425E55
2B4A40
13362B
113127
0F2B22
0D261E
0B201A
0A1B16
081611
06100D
040B09
020504
000000
FFFFFF
E7EAE9
CFD4D2
B7BFBC
9FA9A6
879490
6E7F79
566963
3E544D
263E36
0E2920
0D251D
0B211A
0A1D16
081913
071510
06100D
040C0A
030806
010403
000000
FFFFFF
E6E8E8
CED1D0
B5BBB9
9DA4A1
848D8A
6B7673
535F5B
3A4944
22322C
091B15
081813
071611
06130F
05100D
050E0B
040B08
030806
020504
010302
000000
FFFFFF
E6E7E7
CDCFCE
B4B6B6
9B9E9D
828685
686E6C
4F5654
363D3B
1D2523
040D0A
040C09
030A08
030907
020806
020705
020504
010403
010302
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