Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/52a1bc-63aac2-74b3c9-85bdd0-97c6d6-a8d0dd-b9d9e4-cbe2ea-dcecf1-edf5f8-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 52A1BC
RGB: 82,161,188
Hex: 63AAC2
RGB: 99,170,194
Hex: 74B3C9
RGB: 116,179,201
Hex: 85BDD0
RGB: 133,189,208
Hex: 97C6D6
RGB: 151,198,214
Hex: A8D0DD
RGB: 168,208,221
Hex: B9D9E4
RGB: 185,217,228
Hex: CBE2EA
RGB: 203,226,234
Hex: DCECF1
RGB: 220,236,241
Hex: EDF5F8
RGB: 237,245,248
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
EEF6F8
DCECF2
CBE3EB
BAD9E4
A9D0DE
97C7D7
86BDD0
75B4C9
63AAC3
52A1BC
4A91A9
428196
397184
316171
29515E
21404B
193038
102026
081013
000000
FFFFFF
EFF7F9
E0EEF3
D0E6ED
C1DDE7
B1D5E1
A1CCDA
92C4D4
82BBCE
73B3C8
63AAC2
5999AF
4F889B
457788
3B6674
325561
28444E
1E333A
142227
0A1113
000000
FFFFFF
F1F7FA
E3F0F4
D5E8EF
C7E1E9
BAD9E4
ACD1DF
9ECAD9
90C2D4
82BBCE
74B3C9
68A1B5
5D8FA1
517D8D
466B79
3A5A65
2E4850
23363C
172428
0C1214
000000
FFFFFF
F3F8FA
E7F2F6
DAEBF1
CEE5EC
C2DEE8
B6D7E3
AAD1DE
9DCAD9
91C4D5
85BDD0
78AABB
6A97A6
5D8492
50717D
435F68
354C53
28393E
1B262A
0D1315
000000
FFFFFF
F5F9FB
EAF4F7
E0EEF3
D5E8EF
CBE3EB
C1DDE6
B6D7E2
ACD1DE
A1CCDA
97C6D6
88B2C1
799EAB
6A8B96
5B7780
4C636B
3C4F56
2D3B40
1E282B
0F1415
000000
FFFFFF
F6FAFC
EEF6F8
E5F1F5
DCECF1
D4E8EE
CBE3EB
C2DEE7
B9D9E4
B1D5E0
A8D0DD
97BBC7
86A6B1
76929B
657D85
54686F
435358
323E42
222A2C
111516
000000
FFFFFF
F8FBFC
F1F7FA
EAF4F7
E3F0F4
DCECF2
D5E8EF
CEE4EC
C7E1E9
C0DDE7
B9D9E4
A7C3CD
94AEB6
8298A0
6F8289
5D6D72
4A575B
374144
252B2E
121617
000000
FFFFFF
FAFCFD
F5F9FB
EFF6F9
EAF3F7
E5F1F5
E0EEF2
DBEBF0
D5E8EE
D0E5EC
CBE2EA
B7CBD3
A2B5BB
8E9EA4
7A888C
667175
515A5E
3D4446
292D2F
141717
000000
FFFFFF
FCFDFE
F8FBFC
F5F9FB
F1F7F9
EEF6F8
EAF4F7
E7F2F5
E3F0F4
E0EEF2
DCECF1
C6D4D9
B0BDC1
9AA5A9
848E91
6E7679
585E60
424748
2C2F30
161818
000000
FFFFFF
FDFEFE
FBFDFE
FAFCFD
F8FBFC
F6FAFC
F4F9FB
F2F8FA
F1F7F9
EFF6F9
EDF5F8
D5DDDF
BEC4C6
A6ACAE
8E9395
777B7C
5F6263
47494A
2F3132
181819
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