Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/242fa2-3943ab-4f58b4-656dbd-7b82c7-9197d0-a7abd9-bdc0e3-d3d5ec-e9eaf5-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 242FA2
RGB: 36,47,162
Hex: 3943AB
RGB: 57,67,171
Hex: 4F58B4
RGB: 79,88,180
Hex: 656DBD
RGB: 101,109,189
Hex: 7B82C7
RGB: 123,130,199
Hex: 9197D0
RGB: 145,151,208
Hex: A7ABD9
RGB: 167,171,217
Hex: BDC0E3
RGB: 189,192,227
Hex: D3D5EC
RGB: 211,213,236
Hex: E9EAF5
RGB: 233,234,245
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
E9EAF6
D3D5EC
BDC1E3
A7ACDA
9297D1
7C82C7
666DBE
5059B5
3A44AB
242FA2
202A92
1D2682
192171
161C61
121851
0E1341
0B0E31
070920
040510
000000
FFFFFF
EBECF7
D7D9EE
C4C7E6
B0B4DD
9CA1D5
888ECD
747BC4
6169BC
4D56B3
3943AB
333C9A
2E3689
282F78
222867
1D2256
171B44
111433
0B0D22
060711
000000
FFFFFF
EDEEF8
DCDEF0
CACDE9
B9BCE1
A7ACDA
959BD2
848ACB
7279C3
6169BC
4F58B4
474FA2
3F4690
373E7E
2F356C
282C5A
202348
181A36
101224
080912
000000
FFFFFF
F0F0F8
E0E2F2
D1D3EB
C1C5E5
B2B6DE
A3A7D7
9399D1
848ACA
747CC4
656DBD
5B62AA
515797
474C84
3D4171
33375F
282C4C
1E2139
141626
0A0B13
000000
FFFFFF
F2F3F9
E5E6F4
D7DAEE
CACDE9
BDC1E3
B0B4DD
A3A8D8
959BD2
888FCD
7B82C7
6F75B3
62689F
565B8B
4A4E77
3E4164
313450
25273C
191A28
0C0D14
000000
FFFFFF
F4F5FA
E9EAF6
DEE0F1
D3D5EC
C8CBE8
BDC1E3
B2B6DE
A7ACD9
9CA1D5
9197D0
8388BB
7479A6
666A92
575B7D
494C68
3A3C53
2B2D3E
1D1E2A
0E0F15
000000
FFFFFF
F6F7FB
EDEEF7
E5E6F4
DCDDF0
D3D5EC
CACDE8
C1C4E4
B9BCE1
B0B3DD
A7ABD9
969AC3
8689AE
757898
646782
54566D
434457
323341
21222B
111116
000000
FFFFFF
F8F9FC
F2F2F9
EBECF7
E5E6F4
DEE0F1
D7D9EE
D1D3EB
CACDE9
C4C6E6
BDC0E3
AAADCC
979AB6
84869F
717388
5F6072
4C4D5B
393A44
26262D
131317
000000
FFFFFF
FBFBFD
F6F7FB
F2F2F9
EDEEF7
E9EAF6
E5E6F4
E0E2F2
DCDDF0
D7D9EE
D3D5EC
BEC0D4
A9AABD
9495A5
7F808E
6A6B76
54555E
3F4047
2A2B2F
151518
000000
FFFFFF
FDFDFE
FBFBFD
F8F9FC
F6F7FB
F4F5FA
F2F2F9
F0F0F8
EDEEF7
EBECF6
E9EAF5
D2D3DD
BABBC4
A3A4AC
8C8C93
75757B
5D5E62
464649
2F2F31
171718
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