Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/54ad9f-65b5a8-76bdb2-87c5bb-98cdc5-a9d6cf-baded8-cbe6e2-dceeeb-edf6f5-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 54AD9F
RGB: 84,173,159
Hex: 65B5A8
RGB: 101,181,168
Hex: 76BDB2
RGB: 118,189,178
Hex: 87C5BB
RGB: 135,197,187
Hex: 98CDC5
RGB: 152,205,197
Hex: A9D6CF
RGB: 169,214,207
Hex: BADED8
RGB: 186,222,216
Hex: CBE6E2
RGB: 203,230,226
Hex: DCEEEB
RGB: 220,238,235
Hex: EDF6F5
RGB: 237,246,245
Hex: FFFFFF
RGB: 255,255,255
-100%
-90%
-80%
-70%
-60%
-50%
-40%
-30%
-20%
-10%
Original
10%
20%
30%
40%
50%
60%
70%
80%
90%
100%
FFFFFF
EEF7F5
DDEFEC
CCE6E2
BBDED9
AAD6CF
98CEC5
87C6BC
76BDB2
65B5A9
54AD9F
4C9C8F
438A7F
3B796F
32685F
2A5750
224540
193430
112320
081110
000000
FFFFFF
F0F8F6
E0F0EE
D1E9E5
C1E1DC
B2DAD4
A3D3CB
93CBC2
84C4B9
74BCB1
65B5A8
5BA397
519186
477F76
3D6D65
335B54
284843
1E3632
142422
0A1211
000000
FFFFFF
F1F8F7
E4F2F0
D6EBE8
C8E5E0
BBDED9
ADD7D1
9FD1C9
91CAC1
84C4BA
76BDB2
6AAAA0
5E978E
53847D
47716B
3B5F59
2F4C47
233935
182624
0C1312
000000
FFFFFF
F3F9F8
E7F3F1
DBEEEB
CFE8E4
C3E2DD
B7DCD6
ABD6CF
9FD1C9
93CBC2
87C5BB
7AB1A8
6C9E96
5F8A83
517670
44635E
364F4B
283B38
1B2725
0D1413
000000
FFFFFF
F5FAF9
EAF5F3
E0F0EE
D6EBE8
CCE6E2
C1E1DC
B7DCD6
ADD7D1
A2D2CB
98CDC5
89B9B1
7AA49E
6A908A
5B7B76
4C6763
3D524F
2E3D3B
1E2927
0F1414
000000
FFFFFF
F6FBFA
EEF7F5
E5F3F1
DDEFEC
D4EBE7
CBE6E2
C3E2DD
BADED9
B2DAD4
A9D6CF
98C1BA
87ABA6
769691
65807C
556B68
445653
33403E
222B29
111515
000000
FFFFFF
F8FCFB
F1F8F7
EAF5F3
E3F2EF
DDEFEC
D6EBE8
CFE8E4
C8E5E0
C1E1DC
BADED8
A7C8C2
95B2AD
829B97
708582
5D6F6C
4A5956
384341
252C2B
131616
000000
FFFFFF
FAFDFC
F5FAF9
EFF8F6
EAF5F3
E5F3F1
E0F0EE
DBEEEB
D5EBE8
D0E9E5
CBE6E2
B7CFCB
A2B8B5
8EA19E
7A8A88
667371
515C5A
3D4544
292E2D
141717
000000
FFFFFF
FCFDFD
F8FCFB
F5FAF9
F1F8F7
EEF7F5
EAF5F3
E7F3F1
E3F1EF
E0F0ED
DCEEEB
C6D6D4
B0BEBC
9AA7A5
848F8D
6E7776
585F5E
424746
2C302F
161817
000000
FFFFFF
FDFEFE
FBFDFD
FAFCFC
F8FBFB
F6FBFA
F4FAF9
F2F9F8
F1F8F7
EFF7F6
EDF6F5
D5DDDD
BEC5C4
A6ACAC
8E9493
777B7B
5F6262
474A49
2F3131
181918
000000
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
E6E6E6
CCCCCC
B3B3B3
999999
808080
666666
4C4C4C
333333
191919
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