Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/53bbc7-64c1cc-75c8d2-86cfd7-97d6dd-a9dde3-bae3e8-cbeaee-dcf1f3-edf8f9-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 53BBC7
RGB: 83,187,199
Hex: 64C1CC
RGB: 100,193,204
Hex: 75C8D2
RGB: 117,200,210
Hex: 86CFD7
RGB: 134,207,215
Hex: 97D6DD
RGB: 151,214,221
Hex: A9DDE3
RGB: 169,221,227
Hex: BAE3E8
RGB: 186,227,232
Hex: CBEAEE
RGB: 203,234,238
Hex: DCF1F3
RGB: 220,241,243
Hex: EDF8F9
RGB: 237,248,249
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
EEF8F9
DDF1F4
CBEBEE
BAE4E9
A9DDE3
98D6DD
87CFD8
75C9D2
64C2CD
53BBC7
4BA8B3
42969F
3A838B
327077
2A5E64
214B50
19383C
112528
081314
000000
FFFFFF
F0F9FA
E0F3F5
D1ECF0
C1E6EB
B2E0E6
A2DAE0
93D4DB
83CDD6
74C7D1
64C1CC
5AAEB8
509AA3
46878F
3C747A
326166
284D52
1E3A3D
142729
0A1314
000000
FFFFFF
F1FAFB
E3F4F6
D6EFF2
C8E9ED
BAE4E9
ACDEE4
9ED9E0
91D3DB
83CED7
75C8D2
69B4BD
5EA0A8
528C93
46787E
3B6469
2F5054
233C3F
17282A
0C1415
000000
FFFFFF
F3FAFB
E7F5F7
DBF1F3
CFECEF
C3E7EB
B6E2E7
AADDE3
9ED9DF
92D4DB
86CFD7
79BAC2
6BA6AC
5E9197
507C81
43686C
365356
283E40
1B292B
0D1515
000000
FFFFFF
F5FBFC
EAF7F8
E0F3F5
D5EFF1
CBEBEE
C1E6EB
B6E2E7
ACDEE4
A1DAE0
97D6DD
88C1C7
79ABB1
6A969B
5B8085
4C6B6F
3C5658
2D4042
1E2B2C
0F1516
000000
FFFFFF
F6FCFC
EEF8F9
E5F5F7
DDF1F4
D4EEF1
CBEBEE
C3E7EB
BAE4E9
B2E0E6
A9DDE3
98C7CC
87B1B6
769B9F
658588
556F72
44585B
334244
222C2D
111617
000000
FFFFFF
F8FCFD
F1F9FA
EAF7F8
E3F4F6
DDF1F4
D6EEF1
CFEBEF
C8E9ED
C1E6EA
BAE3E8
A7CCD1
95B6BA
829FA2
70888B
5D7274
4A5B5D
384446
252D2E
131717
000000
FFFFFF
FAFDFD
F5FBFC
EFF9FA
EAF7F8
E5F5F7
E0F2F5
DBF0F3
D5EEF1
D0ECF0
CBEAEE
B7D3D6
A2BBBE
8EA4A7
7A8C8F
667577
515E5F
3D4647
292F30
141718
000000
FFFFFF
FCFEFE
F8FCFD
F5FBFB
F1F9FA
EEF8F9
EAF7F8
E7F5F7
E3F4F5
E0F2F4
DCF1F3
C6D9DB
B0C1C2
9AA9AA
849192
6E797A
586061
424849
2C3031
161818
000000
FFFFFF
FDFEFE
FBFEFE
FAFDFD
F8FCFD
F6FCFC
F4FBFB
F2FAFB
F1F9FA
EFF9FA
EDF8F9
D5DFE0
BEC6C7
A6AEAE
8E9595
777C7D
5F6364
474A4B
2F3232
181919
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