Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/7197be-7fa1c4-8dabcb-9bb6d1-a9c0d8-b8cbde-c6d5e5-d4dfeb-e2eaf2-f0f4f8-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 7197BE
RGB: 113,151,190
Hex: 7FA1C4
RGB: 127,161,196
Hex: 8DABCB
RGB: 141,171,203
Hex: 9BB6D1
RGB: 155,182,209
Hex: A9C0D8
RGB: 169,192,216
Hex: B8CBDE
RGB: 184,203,222
Hex: C6D5E5
RGB: 198,213,229
Hex: D4DFEB
RGB: 212,223,235
Hex: E2EAF2
RGB: 226,234,242
Hex: F0F4F8
RGB: 240,244,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
F1F5F9
E3EAF2
D4E0EC
C6D5E5
B8CBDF
AAC1D8
9CB6D2
8DACCB
7FA1C5
7197BE
6688AB
5A7998
4F6A85
445B72
394C5F
2D3C4C
222D39
171E26
0B0F13
000000
FFFFFF
F2F6F9
E5ECF3
D9E3ED
CCD9E7
BFD0E2
B2C7DC
A5BDD6
99B4D0
8CAACA
7FA1C4
7291B0
66819D
597189
4C6176
405162
33404E
26303B
192027
0D1014
000000
FFFFFF
F4F7FA
E8EEF5
DDE6EF
D1DDEA
C6D5E5
BBCDE0
AFC4DB
A4BCD5
98B3D0
8DABCB
7F9AB7
7189A2
63788E
55677A
475666
384451
2A333D
1C2229
0E1114
000000
FFFFFF
F5F8FA
EBF0F6
E1E9F1
D7E2ED
CDDBE8
C3D3E3
B9CCDF
AFC5DA
A5BDD6
9BB6D1
8CA4BC
7C92A7
6D7F92
5D6D7D
4E5B69
3E4954
2E373F
1F242A
0F1215
000000
FFFFFF
F6F9FB
EEF2F7
E5ECF3
DDE6EF
D4E0EC
CBD9E8
C3D3E4
BACDE0
B2C6DC
A9C0D8
98ADC2
879AAD
768697
657382
55606C
444D56
333A41
22262B
111316
000000
FFFFFF
F8FAFC
F1F5F8
EAEFF5
E3EAF2
DCE5EF
D4E0EB
CDDBE8
C6D5E5
BFD0E1
B8CBDE
A6B7C8
93A2B2
818E9B
6E7A85
5C666F
4A5159
373D43
25292C
121416
000000
FFFFFF
F9FBFC
F4F7FA
EEF2F7
E8EEF5
E3EAF2
DDE6EF
D7E2ED
D1DDEA
CCD9E8
C6D5E5
B2C0CE
9EAAB7
8B95A0
778089
636B73
4F555C
3B4045
282B2E
141517
000000
FFFFFF
FBFCFD
F6F9FB
F2F5F9
EEF2F7
EAEFF5
E5ECF3
E1E9F1
DDE5EF
D8E2ED
D4DFEB
BFC9D4
AAB2BC
949CA5
7F868D
6A7076
55595E
404346
2A2D2F
151617
000000
FFFFFF
FCFDFE
F9FBFC
F6F9FB
F3F7FA
F1F5F9
EEF2F7
EBF0F6
E8EEF5
E5ECF3
E2EAF2
CBD3DA
B5BBC2
9EA4A9
888C91
717579
5A5E61
444649
2D2F30
171718
000000
FFFFFF
FEFEFE
FCFDFE
FBFCFD
F9FBFC
F8FAFC
F6F8FB
F5F7FA
F3F6F9
F2F5F9
F0F4F8
D8DCDF
C0C3C6
A8ABAE
909295
787A7C
606263
48494A
303132
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