Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/87a0e0-7990c9-6c80b3-5e709c-516086-435070-364059-283043-1b202c-0d1016-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 87A0E0
RGB: 135,160,224
Hex: 7990C9
RGB: 121,144,201
Hex: 6C80B3
RGB: 108,128,179
Hex: 5E709C
RGB: 94,112,156
Hex: 516086
RGB: 81,96,134
Hex: 435070
RGB: 67,80,112
Hex: 364059
RGB: 54,64,89
Hex: 283043
RGB: 40,48,67
Hex: 1B202C
RGB: 27,32,44
Hex: 0D1016
RGB: 13,16,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
F3F6FC
E7ECF9
DBE3F6
CFD9F3
C3D0F0
B7C6EC
ABBDE9
9FB3E6
93AAE3
87A0E0
7A90CA
6C80B3
5F709D
516086
445070
36405A
283043
1B202D
0D1016
000000
FFFFFF
F2F4FA
E4E9F4
D7DEEF
C9D3E9
BCC8E4
AFBCDF
A1B1D9
94A6D4
869BCE
7990C9
6D82B5
6173A1
55658D
495679
3D4865
303A50
242B3C
181D28
0C0E14
000000
FFFFFF
F0F2F7
E2E6F0
D3D9E8
C4CCE1
B6C0D9
A7B3D1
98A6CA
8999C2
7B8DBB
6C80B3
6173A1
56668F
4C5A7D
414D6B
36405A
2B3348
202636
161A24
0B0D12
000000
FFFFFF
EFF1F5
DFE2EB
CFD4E1
BFC6D7
AFB8CE
9EA9C4
8E9BBA
7E8DB0
6E7EA6
5E709C
55658C
4B5A7D
424E6D
38435E
2F384E
262D3E
1C222F
13161F
090B10
000000
FFFFFF
EEEFF3
DCDFE7
CBCFDB
B9BFCF
A8B0C3
97A0B6
8590AA
74809E
627092
516086
495679
414D6B
39435E
313A50
293043
202636
181D28
10131B
080A0D
000000
FFFFFF
ECEEF1
D9DCE2
C7CBD4
B4B9C6
A1A8B8
8E96A9
7B859B
69738D
56627E
435070
3C4865
36405A
2F384E
283043
222838
1B202D
141822
0D1016
07080B
000000
FFFFFF
EBECEE
D7D9DE
C3C6CD
AFB3BD
9BA0AC
868C9B
72798B
5E667A
4A536A
364059
313A50
2B3347
262D3E
202635
1B202D
161A24
10131B
0B0D12
050609
000000
FFFFFF
EAEAEC
D4D6D9
BFC1C7
A9ACB4
9498A1
7E838E
696E7B
535969
3E4556
283043
242B3C
202636
1C222F
181D28
141822
10131B
0C0E14
080A0D
040507
000000
FFFFFF
E8E9EA
D1D2D5
BBBCC0
A4A6AB
8D9096
767980
5F636B
494D56
323641
1B202C
181D28
161A23
13161F
10131A
0E1016
0B0D12
080A0D
050609
030304
000000
FFFFFF
E7E7E8
CFCFD0
B6B7B9
9E9FA2
86888B
6E7073
56585C
3D4045
25282D
0D1016
0C0E14
0A0D12
090B0F
080A0D
07080B
050609
040507
030304
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