Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/97c1f8-87addf-789ac6-6987ad-5a7394-4b607c-3c4d63-2d394a-1e2631-0f1318-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 97C1F8
RGB: 151,193,248
Hex: 87ADDF
RGB: 135,173,223
Hex: 789AC6
RGB: 120,154,198
Hex: 6987AD
RGB: 105,135,173
Hex: 5A7394
RGB: 90,115,148
Hex: 4B607C
RGB: 75,96,124
Hex: 3C4D63
RGB: 60,77,99
Hex: 2D394A
RGB: 45,57,74
Hex: 1E2631
RGB: 30,38,49
Hex: 0F1318
RGB: 15,19,24
Hex: 000000
RGB: 0,0,0
-100%
-90%
-80%
-70%
-60%
-50%
-40%
-30%
-20%
-10%
Original
10%
20%
30%
40%
50%
60%
70%
80%
90%
100%
FFFFFF
F5F9FE
EAF3FE
E0ECFD
D5E6FC
CBE0FC
C1DAFB
B6D4FA
ACCDF9
A1C7F9
97C1F8
88AEDF
799AC6
6A87AE
5B7495
4C617C
3C4D63
2D3A4A
1E2732
0F1319
000000
FFFFFF
F3F7FC
E7EFF9
DBE6F5
CFDEF2
C3D6EF
B7CEEC
ABC6E9
9FBDE5
93B5E2
87ADDF
7A9CC9
6C8AB2
5F799C
516886
445770
364559
283443
1B232D
0D1116
000000
FFFFFF
F2F5F9
E4EBF4
D7E1EE
C9D7E8
BCCDE3
AEC2DD
A1B8D7
93AED1
86A4CC
789AC6
6C8BB2
607B9E
546C8B
485C77
3C4D63
303E4F
242E3B
181F28
0C0F14
000000
FFFFFF
F0F3F7
E1E7EF
D2DBE6
C3CFDE
B4C3D6
A5B7CE
96ABC6
879FBD
7893B5
6987AD
5F7A9C
546C8A
4A5F79
3F5168
354457
2A3645
1F2834
151B23
0A0D11
000000
FFFFFF
EFF1F4
DEE3EA
CED5DF
BDC7D4
ADB9CA
9CABBF
8C9DB4
7B8FA9
6B819F
5A7394
516885
485C76
3F5168
364559
2D3A4A
242E3B
1B222C
12171E
090B0F
000000
FFFFFF
EDEFF2
DBDFE5
C9CFD8
B7BFCB
A5B0BE
93A0B0
8190A3
6F8096
5D7089
4B607C
445670
3C4D63
354357
2D3A4A
26303E
1E2632
161D25
0F1319
070A0C
000000
FFFFFF
ECEDEF
D8DBE0
C5CAD0
B1B8C1
9EA6B1
8A94A1
778292
637182
505F73
3C4D63
364559
303E4F
2A3645
242E3B
1E2732
181F28
12171E
0C0F14
06080A
000000
FFFFFF
EAEBED
D5D7DB
C0C4C9
ABB0B7
969CA5
818892
6C7480
57616E
424D5C
2D394A
293343
242E3B
1F2834
1B222C
171D25
12171E
0D1116
090B0F
040607
000000
FFFFFF
E9E9EA
D2D4D6
BCBEC1
A5A8AD
8F9398
787D83
62676F
4B515A
353C46
1E2631
1B222C
181E27
151B22
12171D
0F1319
0C0F14
090B0F
06080A
030405
000000
FFFFFF
E7E7E8
CFD0D1
B7B8BA
9FA1A3
87898C
6F7174
575A5D
3F4246
272B2F
0F1318
0E1116
0C0F13
0B0D11
090B0E
080A0C
06080A
040607
030405
010202
000000
FFFFFF
E6E6E6
CCCCCC
B3B3B3
999999
808080
666666
4D4D4D
333333
1A1A1A
000000
000000
000000
000000
000000
000000
000000
000000
000000
000000
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