Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/240a40-392253-4f3b66-655379-7b6c8c-91849f-a79db2-bdb5c5-d3ced8-e9e6eb-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 240A40
RGB: 36,10,64
Hex: 392253
RGB: 57,34,83
Hex: 4F3B66
RGB: 79,59,102
Hex: 655379
RGB: 101,83,121
Hex: 7B6C8C
RGB: 123,108,140
Hex: 91849F
RGB: 145,132,159
Hex: A79DB2
RGB: 167,157,178
Hex: BDB5C5
RGB: 189,181,197
Hex: D3CED8
RGB: 211,206,216
Hex: E9E6EB
RGB: 233,230,235
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
E9E7EC
D3CED9
BDB6C6
A79DB3
9285A0
7C6C8C
665479
503B66
3A2353
240A40
20093A
1D0833
19072D
160626
120520
0E041A
0B0313
07020D
040106
000000
FFFFFF
EBE9EE
D7D3DD
C4BDCB
B0A7BA
9C91A9
887A98
746487
614E75
4D3864
392253
331F4B
2E1B42
28183A
221432
1D112A
170E21
110A19
0B0711
060308
000000
FFFFFF
EDEBF0
DCD8E0
CAC4D1
B9B1C2
A79DB3
9589A3
847694
726285
614F75
4F3B66
47355C
3F2F52
372947
2F233D
281E33
201829
18121F
100C14
08060A
000000
FFFFFF
F0EEF2
E0DDE4
D1CBD7
C1BAC9
B2A9BC
A398AF
9387A1
847594
746486
655379
5B4B6D
514261
473A55
3D3249
332A3D
282130
1E1924
141118
0A080C
000000
FFFFFF
F2F0F4
E5E2E8
D7D3DD
CAC4D1
BDB6C6
B0A7BA
A398AF
9589A3
887B98
7B6C8C
6F617E
625670
564C62
4A4154
3E3646
312B38
25202A
19161C
0C0B0E
000000
FFFFFF
F4F3F5
E9E6EC
DEDAE2
D3CED9
C8C2CF
BDB5C5
B2A9BC
A79DB2
9C90A9
91849F
83778F
746A7F
665C6F
574F5F
494250
3A3540
2B2830
1D1A20
0E0D10
000000
FFFFFF
F6F5F7
EDEBF0
E5E2E8
DCD8E0
D3CED9
CAC4D1
C1BAC9
B9B1C1
B0A7BA
A79DB2
968DA0
867E8E
756E7D
645E6B
544F59
433F47
322F35
211F24
111012
000000
FFFFFF
F8F8F9
F2F0F3
EBE9EE
E5E1E8
DEDAE2
D7D3DC
D1CBD6
CAC4D1
C4BCCB
BDB5C5
AAA3B1
97919E
847F8A
716D76
5F5B63
4C484F
39363B
262427
131214
000000
FFFFFF
FBFAFB
F6F5F7
F2F0F3
EDEBEF
E9E7EC
E5E2E8
E0DDE4
DCD8E0
D7D3DC
D3CED8
BEB9C2
A9A5AD
949097
7F7C82
6A676C
545256
3F3E41
2A292B
151516
000000
FFFFFF
FDFDFD
FBFAFB
F8F8F9
F6F5F7
F4F3F5
F2F0F3
F0EEF1
EDEBEF
EBE9ED
E9E6EB
D2CFD4
BAB8BC
A3A1A5
8C8A8D
757376
5D5C5E
464546
2F2E2F
171717
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