Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/5a94ad-6a9eb5-7ba9bd-8bb4c5-9cbecd-acc9d6-bdd4de-cddee6-dee9ee-eef4f6-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 5A94AD
RGB: 90,148,173
Hex: 6A9EB5
RGB: 106,158,181
Hex: 7BA9BD
RGB: 123,169,189
Hex: 8BB4C5
RGB: 139,180,197
Hex: 9CBECD
RGB: 156,190,205
Hex: ACC9D6
RGB: 172,201,214
Hex: BDD4DE
RGB: 189,212,222
Hex: CDDEE6
RGB: 205,222,230
Hex: DEE9EE
RGB: 222,233,238
Hex: EEF4F6
RGB: 238,244,246
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
EFF4F7
DEEAEF
CEDFE6
BDD4DE
ADCAD6
9CBFCE
8CB4C6
7BA9BD
6B9FB5
5A94AD
51859C
48768A
3F6879
365968
2D4A57
243B45
1B2C34
121E23
090F11
000000
FFFFFF
F0F5F8
E1ECF0
D2E2E9
C3D8E1
B5CFDA
A6C5D3
97BBCB
88B1C4
79A8BC
6A9EB5
5F8EA3
557E91
4A6F7F
405F6D
354F5B
2A3F48
202F36
152024
0B1012
000000
FFFFFF
F2F6F8
E5EEF2
D7E5EB
CADDE5
BDD4DE
B0CBD7
A3C3D1
95BACA
88B2C4
7BA9BD
6F98AA
628797
567684
4A6571
3E555F
31444C
253339
192226
0C1113
000000
FFFFFF
F3F8F9
E8F0F3
DCE9EE
D1E1E8
C5DAE2
B9D2DC
AECBD6
A2C3D1
97BCCB
8BB4C5
7DA2B1
6F909E
617E8A
536C76
465A63
38484F
2A363B
1C2427
0E1214
000000
FFFFFF
F5F9FA
EBF2F5
E1ECF0
D7E5EB
CEDFE6
C4D8E1
BAD2DC
B0CBD7
A6C5D2
9CBECD
8CABB9
7D98A4
6D8590
5E727B
4E5F67
3E4C52
2F393D
1F2629
101314
000000
FFFFFF
F7FAFB
EEF4F7
E6EFF3
DEE9EF
D6E4EB
CDDFE6
C5D9E2
BDD4DE
B4CEDA
ACC9D6
9BB5C1
8AA1AB
788D96
677980
56656B
455056
343C40
22282B
111415
000000
FFFFFF
F8FBFC
F2F6F8
EBF2F5
E5EEF2
DEEAEF
D7E5EB
D1E1E8
CADDE5
C4D8E1
BDD4DE
AABFC8
97AAB2
84949B
717F85
5F6A6F
4C5559
394043
262A2C
131516
000000
FFFFFF
FAFCFD
F5F8FA
F0F5F8
EBF2F5
E6EFF3
E1EBF0
DCE8EE
D7E5EB
D2E1E9
CDDEE6
B9C8CF
A4B2B8
909BA1
7B858A
676F73
52595C
3D4345
292C2E
141617
000000
FFFFFF
FCFDFD
F8FBFC
F5F8FA
F2F6F8
EFF4F7
EBF2F5
E8F0F3
E5EDF1
E1EBF0
DEE9EE
C8D2D6
B2BABE
9BA3A7
858C8F
6F7577
595D5F
434647
2C2F30
161718
000000
FFFFFF
FDFEFE
FCFDFD
FAFCFC
F8FBFB
F7FAFB
F5F8FA
F3F7F9
F1F6F8
F0F5F7
EEF4F6
D6DCDD
BEC3C5
A7ABAC
8F9294
777A7B
5F6262
47494A
303131
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