Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/9abee2-8aabcb-7b98b4-6b859e-5c7287-4d5f71-3d4b5a-2e3943-1e262d-0f1316-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 9ABEE2
RGB: 154,190,226
Hex: 8AABCB
RGB: 138,171,203
Hex: 7B98B4
RGB: 123,152,180
Hex: 6B859E
RGB: 107,133,158
Hex: 5C7287
RGB: 92,114,135
Hex: 4D5F71
RGB: 77,95,113
Hex: 3D4B5A
RGB: 61,75,90
Hex: 2E3943
RGB: 46,57,67
Hex: 1E262D
RGB: 30,38,45
Hex: 0F1316
RGB: 15,19,22
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
F5F9FC
EBF2F9
E1ECF6
D7E5F3
CDDFF1
C2D8EE
B8D2EB
AECBE8
A4C5E5
9ABEE2
8BABCB
7B98B5
6C859E
5C7288
4D5F71
3E4C5A
2E3944
1F262D
0F1317
000000
FFFFFF
F3F7FA
E8EEF5
DCE6EF
D0DDEA
C5D5E5
B9CDE0
ADC4DB
A1BCD5
96B3D0
8AABCB
7C9AB7
6E89A2
61788E
53677A
455666
374451
29333D
1C2229
0E1114
000000
FFFFFF
F2F5F8
E5EAF0
D7E0E9
CAD6E1
BDCCDA
B0C1D2
A3B7CB
95ADC3
88A2BC
7B98B4
6F89A2
627A90
566A7E
4A5B6C
3E4C5A
313D48
252E36
191E24
0C0F12
000000
FFFFFF
F0F3F5
E1E7EC
D3DAE2
C4CED8
B5C2CF
A6B6C5
97AABB
899DB1
7A91A8
6B859E
60788E
566A7E
4B5D6F
40505F
36434F
2B353F
20282F
151B20
0B0D10
000000
FFFFFF
EFF1F3
DEE3E7
CED5DB
BEC7CF
AEB9C3
9DAAB7
8D9CAB
7D8E9F
6C8093
5C7287
53677A
4A5B6C
40505F
374451
2E3944
252E36
1C2228
12171B
090B0D
000000
FFFFFF
EDEFF1
DBDFE3
CACFD4
B8BFC6
A6AFB8
949FAA
828F9C
717F8D
5F6F7F
4D5F71
455666
3E4C5A
36434F
2E3944
273039
1F262D
171C22
0F1317
08090B
000000
FFFFFF
ECEDEF
D8DBDE
C5C9CE
B1B7BD
9EA5AD
8B939C
77818C
646F7B
505D6B
3D4B5A
374451
313C48
2B353F
252D36
1F262D
181E24
12161B
0C0F12
060709
000000
FFFFFF
EAEBEC
D5D7D9
C0C4C7
ABB0B4
979CA1
82888E
6D747B
586169
434D56
2E3943
29333C
252E36
20282F
1C2228
171D22
12171B
0E1114
090B0D
050607
000000
FFFFFF
E9E9EA
D2D4D5
BCBEC0
A5A8AB
8F9396
787D81
62676C
4B5157
353C42
1E262D
1B2229
181E24
151B1F
12171B
0F1317
0C0F12
090B0D
060809
030404
000000
FFFFFF
E7E7E8
CFD0D0
B7B8B9
9FA1A2
87898B
6F7173
575A5C
3F4245
272B2D
0F1316
0E1114
0C0F12
0B0D0F
090B0D
080A0B
060809
040607
030404
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