Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/33957e-2d8671-287764-236858-1e594b-194a3f-143b32-0f2c25-0a1d19-050e0c-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 33957E
RGB: 51,149,126
Hex: 2D8671
RGB: 45,134,113
Hex: 287764
RGB: 40,119,100
Hex: 236858
RGB: 35,104,88
Hex: 1E594B
RGB: 30,89,75
Hex: 194A3F
RGB: 25,74,63
Hex: 143B32
RGB: 20,59,50
Hex: 0F2C25
RGB: 15,44,37
Hex: 0A1D19
RGB: 10,29,25
Hex: 050E0C
RGB: 5,14,12
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
EBF4F2
D6EAE5
C2DFD8
ADD5CB
99CABF
85BFB2
70B5A5
5CAA98
47A08B
33957E
2E8671
297765
246858
1F594C
1A4B3F
143C32
0F2D26
0A1E19
050F0D
000000
FFFFFF
EAF3F1
D5E7E3
C0DBD4
ABCFC6
96C3B8
81B6AA
6CAA9C
579E8D
42927F
2D8671
297966
246B5A
1F5E4F
1B5044
174339
12362D
0D2822
091B17
040D0B
000000
FFFFFF
EAF1F0
D4E4E0
BFD6D1
A9C9C1
94BBB2
7EADA2
69A093
539283
3E8574
287764
246B5A
205F50
1C5346
18473C
143C32
103028
0C241E
081814
040C0A
000000
FFFFFF
E9F0EE
D3E1DE
BDD2CD
A7C3BC
91B4AC
7BA49B
65958A
4F8679
397769
236858
205E4F
1C5346
19493E
153E35
12342C
0E2A23
0A1F1A
071512
030A09
000000
FFFFFF
E9EEED
D2DEDB
BCCDC9
A5BDB7
8FACA5
789B93
628B81
4B7A6F
356A5D
1E594B
1B5044
18473C
153E35
12352D
0F2D26
0C241E
091B16
06120F
030907
000000
FFFFFF
E8EDEC
D1DBD9
BAC9C5
A3B7B2
8CA59F
75928C
5E8079
476E65
305C52
194A3F
174339
143B32
12342C
0F2C26
0D2520
0A1E19
071613
050F0D
020706
000000
FFFFFF
E8EBEB
D0D8D6
B9C4C2
A1B1AD
8A9D99
728984
5B7670
43625B
2C4F47
143B32
12352D
102F28
0E2923
0C231E
0A1E19
081814
06120F
040C0A
020605
000000
FFFFFF
E7EAE9
CFD5D3
B7C0BE
9FABA8
879692
6F807C
576B66
3F5651
27413B
0F2C25
0E2821
0C231E
0B1F1A
091A16
081613
06120F
040D0B
030907
010404
000000
FFFFFF
E7E8E8
CED2D1
B6BBBA
9DA5A3
858E8C
6C7775
54615E
3B4A47
233430
0A1D19
091A17
081714
071412
06110F
050F0D
040C0A
030907
020605
010302
000000
FFFFFF
E6E7E7
CDCFCE
B4B7B6
9B9F9E
828786
696E6D
505655
373E3D
1E2624
050E0C
050D0B
040B0A
040A08
030807
030706
020605
010404
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