Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/3e877b-37796e-316c62-2b5e56-255149-1f433d-183631-122824-0c1b18-060d0c-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 3E877B
RGB: 62,135,123
Hex: 37796E
RGB: 55,121,110
Hex: 316C62
RGB: 49,108,98
Hex: 2B5E56
RGB: 43,94,86
Hex: 255149
RGB: 37,81,73
Hex: 1F433D
RGB: 31,67,61
Hex: 183631
RGB: 24,54,49
Hex: 122824
RGB: 18,40,36
Hex: 0C1B18
RGB: 12,27,24
Hex: 060D0C
RGB: 6,13,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
ECF3F2
D8E7E5
C5DBD7
B2CFCA
9FC3BD
8BB7B0
78ABA3
659F95
519388
3E877B
387A6F
326C62
2B5F56
25514A
1F443E
193631
132825
0C1B19
060D0C
000000
FFFFFF
EBF2F1
D7E4E2
C3D7D4
AFC9C5
9BBCB7
87AFA8
73A19A
5F948B
4B867D
37796E
326D63
2C6158
27554D
214942
1C3D37
16302C
102421
0B1816
050C0B
000000
FFFFFF
EAF0EF
D6E2E0
C1D3D0
ADC4C0
98B6B1
83A7A1
6F9891
5A8981
467B72
316C62
2C6158
27564E
224C45
1D413B
193631
142B27
0F201D
0A1614
050B0A
000000
FFFFFF
EAEFEE
D5DFDD
BFCFCC
AABFBB
95AFAB
809E9A
6B8E89
557E78
406E67
2B5E56
27554D
224B45
1E423C
1A3834
162F2B
112622
0D1C1A
091311
040909
000000
FFFFFF
E9EEED
D3DCDB
BECBC8
A8B9B6
92A8A4
7C9792
668580
51746D
3B625B
255149
214942
1E413A
1A3933
16312C
132925
0F201D
0B1816
07100F
040807
000000
FFFFFF
E9ECEC
D2D9D8
BCC7C5
A5B4B1
8FA19E
798E8B
627B77
4C6964
355650
1F433D
1C3C37
193631
162F2B
132825
10221F
0C1B18
091412
060D0C
030706
000000
FFFFFF
E8EBEA
D1D7D6
BAC3C1
A3AFAD
8C9B98
748683
5D726F
465E5A
2F4A46
183631
16312C
132B27
112622
0E201D
0C1B19
0A1614
07100F
050B0A
020505
000000
FFFFFF
E7EAE9
D0D4D3
B8BFBD
A0A9A7
899492
717E7C
596966
415350
2A3E3A
122824
102420
0E201D
0D1C19
0B1816
091412
07100E
050C0B
040807
020404
000000
FFFFFF
E7E8E8
CED1D1
B6BBBA
9EA4A3
868D8C
6D7674
555F5D
3D4946
24322F
0C1B18
0B1816
0A1613
081311
07100E
060E0C
050B0A
040807
020505
010302
000000
FFFFFF
E6E7E7
CDCFCE
B4B6B6
9B9E9E
838686
6A6E6D
515655
383D3D
1F2524
060D0C
050C0B
050A0A
040908
040807
030706
020505
020404
010302
010101
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