Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/338871-2d7a65-286c5a-235f4f-1e5143-194438-14362d-0f2821-0a1b16-050d0b-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 338871
RGB: 51,136,113
Hex: 2D7A65
RGB: 45,122,101
Hex: 286C5A
RGB: 40,108,90
Hex: 235F4F
RGB: 35,95,79
Hex: 1E5143
RGB: 30,81,67
Hex: 194438
RGB: 25,68,56
Hex: 14362D
RGB: 20,54,45
Hex: 0F2821
RGB: 15,40,33
Hex: 0A1B16
RGB: 10,27,22
Hex: 050D0B
RGB: 5,13,11
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
EBF3F1
D6E7E3
C2DBD4
ADCFC6
99C4B8
85B8AA
70AC9C
5CA08D
47947F
338871
2E7A66
296D5A
245F4F
1F5244
1A4439
14362D
0F2922
0A1B17
050E0B
000000
FFFFFF
EAF2F0
D5E4E0
C0D7D1
ABCAC1
96BDB2
81AFA3
6CA293
579584
428774
2D7A65
296E5B
246251
1F5547
1B493D
173D33
123128
0D251E
091814
040C0A
000000
FFFFFF
EAF0EF
D4E2DE
BFD3CE
A9C4BD
94B6AD
7EA79C
69988C
53897B
3E7B6B
286C5A
246151
205648
1C4C3F
184136
14362D
102B24
0C201B
081612
040B09
000000
FFFFFF
E9EFED
D3DFDC
BDCFCA
A7BFB9
91AFA7
7B9F95
658F84
4F7F72
396F61
235F4F
205647
1C4C3F
194337
15392F
123028
0E2620
0A1C18
071310
030908
000000
FFFFFF
E9EEEC
D2DCD9
BCCBC7
A5B9B4
8FA8A1
78978E
62857B
4B7469
356256
1E5143
1B493C
184136
15392F
123128
0F2922
0C201B
091814
06100D
030807
000000
FFFFFF
E8ECEB
D1DAD7
BAC7C3
A3B4AF
8CA29C
758F88
5E7C74
476960
30574C
194438
173D32
14362D
123027
0F2922
0D221C
0A1B16
071411
050E0B
020706
000000
FFFFFF
E8EBEA
D0D7D5
B9C3C0
A1AFAB
8A9B96
728681
5B726C
435E57
2C4A42
14362D
123129
102B24
0E261F
0C201B
0A1B17
081612
06100D
040B09
020504
000000
FFFFFF
E7EAE9
CFD4D3
B7BFBC
9FA9A6
879490
6F7E7A
576964
3F534D
273E37
0F2821
0E241E
0C201A
0B1C17
091814
081411
06100D
040C0A
030807
010403
000000
FFFFFF
E7E8E8
CED1D0
B6BBB9
9DA4A2
858D8B
6C7673
545F5C
3B4945
23322D
0A1B16
091814
081612
07130F
06100D
050E0B
040B09
030807
020504
010302
000000
FFFFFF
E6E7E7
CDCFCE
B4B6B6
9B9E9D
828685
696E6D
505654
373D3C
1E2523
050D0B
050C0A
040A09
040908
030807
030706
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