Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/8ba1cf-7d90ba-6f80a5-617090-53607c-455067-374052-29303e-1b2029-0d1014-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 8BA1CF
RGB: 139,161,207
Hex: 7D90BA
RGB: 125,144,186
Hex: 6F80A5
RGB: 111,128,165
Hex: 617090
RGB: 97,112,144
Hex: 53607C
RGB: 83,96,124
Hex: 455067
RGB: 69,80,103
Hex: 374052
RGB: 55,64,82
Hex: 29303E
RGB: 41,48,62
Hex: 1B2029
RGB: 27,32,41
Hex: 0D1014
RGB: 13,16,20
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
F3F6FA
E8ECF5
DCE3F1
D1D9EC
C5D0E7
B9C7E2
AEBDDD
A2B4D9
97AAD4
8BA1CF
7D91BA
6F81A6
617191
53617C
465168
384053
2A303E
1C2029
0E1015
000000
FFFFFF
F2F4F8
E5E9F1
D8DEEA
CBD3E3
BEC8DD
B1BCD6
A4B1CF
97A6C8
8A9BC1
7D90BA
7182A7
647395
586582
4B5670
3F485D
323A4A
252B38
191D25
0C0E13
000000
FFFFFF
F1F2F6
E2E6ED
D4D9E4
C5CCDB
B7C0D2
A9B3C9
9AA6C0
8C99B7
7D8DAE
6F80A5
647395
596684
4E5A73
434D63
384053
2C3342
212631
161A21
0B0D10
000000
FFFFFF
EFF1F4
DFE2E9
D0D4DE
C0C6D3
B0B8C8
A0A9BC
909BB1
818DA6
717E9B
617090
576582
4E5A73
444E65
3A4356
313848
272D3A
1D222B
13161D
0A0B0E
000000
FFFFFF
EEEFF2
DDDFE5
CBCFD8
BABFCB
A9B0BE
98A0B0
8790A3
758096
647089
53607C
4B5670
424D63
3A4357
323A4A
2A303E
212632
191D25
111319
080A0C
000000
FFFFFF
ECEEF0
DADCE1
C7CBD1
B5B9C2
A2A8B3
8F96A4
7D8595
6A7385
586276
455067
3E485D
374052
303848
29303E
232834
1C2029
15181F
0E1015
07080A
000000
FFFFFF
EBECEE
D7D9DC
C3C6CB
AFB3BA
9BA0A9
878C97
737986
5F6675
4B5363
374052
323A4A
2C3342
272D39
212631
1C2029
161A21
101319
0B0D10
050608
000000
FFFFFF
EAEAEC
D4D6D8
BFC1C5
A9ACB2
94989F
7F838B
696E78
545965
3E4551
29303E
252B38
212632
1D222B
191D25
15181F
101319
0C0E13
080A0C
040506
000000
FFFFFF
E8E9EA
D1D2D4
BBBCBF
A4A6A9
8D9094
76797F
5F6369
494D54
32363E
1B2029
181D25
161A21
13161D
101319
0E1015
0B0D10
080A0C
050608
030304
000000
FFFFFF
E7E7E8
CFCFD0
B6B7B9
9E9FA1
86888A
6E7072
56585B
3D4043
25282C
0D1014
0C0E12
0A0D10
090B0E
080A0C
07080A
050608
040506
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