Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/7397ae-81a1b6-8fabbe-9db6c6-abc0ce-b9cbd6-c7d5de-d5dfe6-e3eaee-f1f4f6-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 7397AE
RGB: 115,151,174
Hex: 81A1B6
RGB: 129,161,182
Hex: 8FABBE
RGB: 143,171,190
Hex: 9DB6C6
RGB: 157,182,198
Hex: ABC0CE
RGB: 171,192,206
Hex: B9CBD6
RGB: 185,203,214
Hex: C7D5DE
RGB: 199,213,222
Hex: D5DFE6
RGB: 213,223,230
Hex: E3EAEE
RGB: 227,234,238
Hex: F1F4F6
RGB: 241,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
F1F5F7
E3EAEF
D5E0E7
C7D5DF
B9CBD7
ABC1CE
9DB6C6
8FACBE
81A1B6
7397AE
68889D
5C798B
516A7A
455B68
3A4C57
2E3C46
222D34
171E23
0B0F11
000000
FFFFFF
F2F6F8
E6ECF0
D9E3E9
CDD9E2
C0D0DB
B3C7D3
A7BDCC
9AB4C5
8EAABD
81A1B6
7491A4
678192
5A717F
4D616D
41515B
344049
273037
1A2024
0D1012
000000
FFFFFF
F4F7F9
E9EEF2
DDE6EC
D2DDE5
C7D5DF
BCCDD8
B1C4D2
A5BCCB
9AB3C5
8FABBE
819AAB
728998
647885
566772
48565F
39444C
2B3339
1D2226
0E1113
000000
FFFFFF
F5F8F9
EBF0F4
E2E9EE
D8E2E8
CEDBE3
C4D3DD
BACCD7
B1C5D1
A7BDCC
9DB6C6
8DA4B2
7E929E
6E7F8B
5E6D77
4F5B63
3F494F
2F373B
1F2428
101214
000000
FFFFFF
F7F9FA
EEF2F5
E6ECF0
DDE6EB
D5E0E7
CDD9E2
C4D3DD
BCCDD8
B3C6D3
ABC0CE
9AADB9
899AA5
788690
67737C
566067
444D52
333A3E
222629
111315
000000
FFFFFF
F8FAFB
F1F5F7
EAEFF3
E3EAEF
DCE5EB
D5E0E6
CEDBE2
C7D5DE
C0D0DA
B9CBD6
A7B7C1
94A2AB
828E96
6F7A80
5D666B
4A5156
373D40
25292B
121415
000000
FFFFFF
F9FBFC
F4F7F8
EEF2F5
E9EEF2
E3EAEF
DDE6EB
D8E2E8
D2DDE5
CDD9E1
C7D5DE
B3C0C8
9FAAB2
8B959B
778085
646B6F
505559
3C4043
282B2C
141516
000000
FFFFFF
FBFCFD
F7F9FA
F2F5F8
EEF2F5
EAEFF3
E6ECF0
E2E9EE
DDE5EB
D9E2E9
D5DFE6
C0C9CF
AAB2B8
959CA1
80868A
6B7073
55595C
404345
2B2D2E
151617
000000
FFFFFF
FCFDFD
F9FBFC
F7F9FA
F4F7F8
F1F5F7
EEF2F5
EBF0F3
E9EEF1
E6ECF0
E3EAEE
CCD3D6
B6BBBE
9FA4A7
888C8F
727577
5B5E5F
444647
2D2F30
171718
000000
FFFFFF
FEFEFE
FCFDFD
FBFCFC
F9FBFB
F8FAFB
F7F8FA
F5F7F9
F4F6F8
F2F5F7
F1F4F6
D9DCDD
C1C3C5
A9ABAC
919294
797A7B
606262
48494A
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