Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/54988f-4b8880-437972-3a6a64-325b55-2a4c47-213c39-192d2a-101e1c-080f0e-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 54988F
RGB: 84,152,143
Hex: 4B8880
RGB: 75,136,128
Hex: 437972
RGB: 67,121,114
Hex: 3A6A64
RGB: 58,106,100
Hex: 325B55
RGB: 50,91,85
Hex: 2A4C47
RGB: 42,76,71
Hex: 213C39
RGB: 33,60,57
Hex: 192D2A
RGB: 25,45,42
Hex: 101E1C
RGB: 16,30,28
Hex: 080F0E
RGB: 8,15,14
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
EEF5F4
DDEAE9
CCE0DD
BBD6D2
AACCC7
98C1BC
87B7B1
76ADA5
65A29A
54988F
4C8981
437A72
3B6A64
325B56
2A4C48
223D39
192E2B
111E1D
080F0E
000000
FFFFFF
EDF3F2
DBE7E6
C9DBD9
B7CFCC
A5C4C0
93B8B3
81ACA6
6FA099
5D948D
4B8880
447A73
3C6D66
355F5A
2D524D
264440
1E3633
162926
0F1B1A
070E0D
000000
FFFFFF
ECF2F1
D9E4E3
C7D7D5
B4C9C7
A1BCB9
8EAFAA
7BA19C
69948E
568680
437972
3C6D67
36615B
2F5550
284944
223D39
1B302E
142422
0D1817
070C0B
000000
FFFFFF
EBF0F0
D8E1E0
C4D2D1
B0C3C1
9DB5B2
89A6A2
759793
618883
4E7974
3A6A64
345F5A
2E5550
294A46
23403C
1D3532
172A28
11201E
0C1514
060B0A
000000
FFFFFF
EBEFEE
D6DEDD
C2CECC
ADBDBB
99ADAA
849D99
708C88
5B7C77
476B66
325B55
2D524D
284944
23403B
1E3733
192E2B
142422
0F1B19
0A1211
050908
000000
FFFFFF
EAEDED
D4DBDA
BFC9C8
AAB7B5
95A6A3
7F9491
6A827E
55706C
3F5E59
2A4C47
264440
223D39
1D3532
192E2B
152624
111E1C
0D1715
080F0E
040807
000000
FFFFFF
E9ECEB
D3D8D7
BCC5C4
A6B1B0
909E9C
7A8A88
647774
4D6361
37504D
213C39
1E3633
1A302E
172A28
142422
111E1D
0D1817
0A1211
070C0B
030606
000000
FFFFFF
E8EAEA
D1D5D4
BAC0BF
A3ABAA
8C9695
75817F
5E6C6A
475755
30423F
192D2A
172926
142422
121F1D
0F1B19
0D1715
0A1211
070D0D
050908
020404
000000
FFFFFF
E7E9E8
CFD2D2
B7BCBB
9FA5A4
888F8E
707877
586260
404B49
283533
101E1C
0E1B19
0D1816
0B1514
0A1211
080F0E
060C0B
050908
030606
020303
000000
FFFFFF
E6E7E7
CECFCF
B5B7B7
9C9F9F
848787
6B6F6E
525756
393F3E
212726
080F0E
070E0D
060C0B
060B0A
050908
040807
030606
020404
020303
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