Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/8293ac-8e9db4-9ba8bc-a7b3c4-b4becd-c0c9d5-cdd3dd-d9dee6-e6e9ee-f2f4f6-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 8293AC
RGB: 130,147,172
Hex: 8E9DB4
RGB: 142,157,180
Hex: 9BA8BC
RGB: 155,168,188
Hex: A7B3C4
RGB: 167,179,196
Hex: B4BECD
RGB: 180,190,205
Hex: C0C9D5
RGB: 192,201,213
Hex: CDD3DD
RGB: 205,211,221
Hex: D9DEE6
RGB: 217,222,230
Hex: E6E9EE
RGB: 230,233,238
Hex: F2F4F6
RGB: 242,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
F3F4F7
E6E9EE
DADFE6
CDD4DE
C1C9D6
B4BECD
A8B3C5
9BA9BD
8F9EB4
8293AC
75849B
68768A
5B6778
4E5867
414A56
343B45
272C34
1A1D22
0D0F11
000000
FFFFFF
F4F5F8
E8EBF0
DDE2E9
D2D8E1
C7CEDA
BBC4D2
B0BACB
A5B1C3
99A7BC
8E9DB4
808DA2
727E90
636E7E
555E6C
474F5A
393F48
2B2F36
1C1F24
0E1012
000000
FFFFFF
F5F6F8
EBEEF2
E1E5EB
D7DCE4
CDD4DE
C3CBD7
B9C2D0
AFB9C9
A5B1C3
9BA8BC
8C97A9
7C8696
6D7684
5D6571
4E545E
3E434B
2E3238
1F2226
0F1113
000000
FFFFFF
F6F7F9
EDF0F3
E5E8ED
DCE1E7
D3D9E2
CAD1DC
C1CAD6
B9C2D0
B0BBCA
A7B3C4
96A1B0
868F9D
757D89
646B76
545A62
43484E
32363B
212427
111214
000000
FFFFFF
F8F9FA
F0F2F5
E9ECF0
E1E5EB
DADFE6
D2D8E1
CBD2DC
C3CBD7
BCC5D2
B4BECD
A2ABB9
9098A4
7E8590
6C727B
5A5F67
484C52
36393D
242629
121314
000000
FFFFFF
F9FAFB
F2F4F7
ECEFF2
E6E9EE
E0E4EA
D9DFE6
D3D9E2
CDD4DD
C6CED9
C0C9D5
ADB5C0
9AA1AA
868D95
737980
60656B
4D5055
3A3C40
26282B
131415
000000
FFFFFF
FAFBFC
F5F6F8
F0F2F5
EBEDF1
E6E9EE
E1E5EB
DCE0E7
D7DCE4
D2D7E0
CDD3DD
B9BEC7
A4A9B1
90949B
7B7F85
676A6F
525458
3D3F42
292A2C
141516
000000
FFFFFF
FBFCFD
F7F8FA
F4F5F8
F0F2F5
ECEFF3
E8EBF0
E4E8EE
E1E5EB
DDE1E9
D9DEE6
C3C8CF
AEB2B8
989BA1
82858A
6D6F73
57595C
414345
2B2C2E
161617
000000
FFFFFF
FDFDFD
FAFBFC
F8F8FA
F5F6F8
F3F4F7
F0F2F5
EEF0F3
EBEDF1
E9EBF0
E6E9EE
CFD2D6
B8BABE
A1A3A7
8A8C8F
737577
5C5D5F
454647
2E2F30
171718
000000
FFFFFF
FEFEFE
FCFDFD
FBFCFC
FAFBFB
F9FAFB
F7F8FA
F6F7F9
F5F6F8
F3F5F7
F2F4F6
DADCDD
C2C3C5
A9ABAC
919294
797A7B
616262
49494A
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