Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/6f7fc2-7d8bc8-8b98ce-9aa5d4-a8b2da-b7bfe0-c5cbe6-d3d8ec-e2e5f2-f0f2f8-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 6F7FC2
RGB: 111,127,194
Hex: 7D8BC8
RGB: 125,139,200
Hex: 8B98CE
RGB: 139,152,206
Hex: 9AA5D4
RGB: 154,165,212
Hex: A8B2DA
RGB: 168,178,218
Hex: B7BFE0
RGB: 183,191,224
Hex: C5CBE6
RGB: 197,203,230
Hex: D3D8EC
RGB: 211,216,236
Hex: E2E5F2
RGB: 226,229,242
Hex: F0F2F8
RGB: 240,242,248
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
F1F2F9
E2E5F3
D4D9ED
C5CCE7
B7BFE1
A9B2DA
9AA5D4
8C99CE
7D8CC8
6F7FC2
6472AF
59669B
4E5988
434C74
384061
2C334E
21263A
161927
0B0D13
000000
FFFFFF
F2F3FA
E5E8F4
D8DCEF
CBD1E9
BEC5E4
B1B9DE
A4AED9
97A2D3
8A97CE
7D8BC8
717DB4
646FA0
58618C
4B5378
3F4664
323850
252A3C
191C28
0C0E14
000000
FFFFFF
F3F5FA
E8EAF5
DCE0F0
D1D6EB
C5CCE7
B9C1E2
AEB7DD
A2ADD8
97A2D3
8B98CE
7D89B9
6F7AA5
616A90
535B7C
464C67
383D52
2A2E3E
1C1E29
0E0F15
000000
FFFFFF
F5F6FB
EBEDF6
E1E4F2
D7DBEE
CDD2EA
C2C9E5
B8C0E1
AEB7DD
A4AED8
9AA5D4
8B95BF
7B84AA
6C7394
5C637F
4D536A
3E4255
2E3140
1F212A
0F1015
000000
FFFFFF
F6F7FB
EEF0F8
E5E8F4
DCE0F0
D4D9ED
CBD1E9
C2C9E5
B9C1E1
B1BADE
A8B2DA
97A0C4
868EAE
767D99
656B83
54596D
434757
323541
22242C
111216
000000
FFFFFF
F8F9FC
F1F2F9
E9ECF6
E2E5F3
DBDFF0
D4D9EC
CDD2E9
C5CCE6
BEC5E3
B7BFE0
A5ACCA
9299B3
80869D
6E7386
5C6070
494C5A
373943
25262D
121316
000000
FFFFFF
F9FAFD
F3F5FA
EEEFF8
E8EAF5
E2E5F3
DCE0F0
D6DBEE
D1D5EB
CBD0E9
C5CBE6
B1B7CF
9EA2B8
8A8EA1
767A8A
636673
4F515C
3B3D45
27292E
141417
000000
FFFFFF
FBFBFD
F6F7FB
F2F3F9
EDEFF7
E9ECF6
E5E8F4
E0E4F2
DCE0F0
D7DCEE
D3D8EC
BEC2D4
A9ADBD
9497A5
7F828E
6A6C76
54565E
3F4147
2A2B2F
151618
000000
FFFFFF
FCFCFE
F9FAFC
F6F7FB
F3F5FA
F1F2F9
EEEFF7
EBEDF6
E8EAF5
E5E8F3
E2E5F2
CBCEDA
B5B7C2
9EA0A9
888991
717379
5A5C61
444549
2D2E30
171718
000000
FFFFFF
FEFEFE
FCFCFE
FBFBFD
F9FAFC
F8F9FC
F6F7FB
F5F6FA
F3F5F9
F2F3F9
F0F2F8
D8DADF
C0C2C6
A8A9AE
909195
78797C
606163
48494A
303032
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