Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/242fa2-202a91-1c2581-192071-151c61-121751-0e1240-0a0e30-070920-030410-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 242FA2
RGB: 36,47,162
Hex: 202A91
RGB: 32,42,145
Hex: 1C2581
RGB: 28,37,129
Hex: 192071
RGB: 25,32,113
Hex: 151C61
RGB: 21,28,97
Hex: 121751
RGB: 18,23,81
Hex: 0E1240
RGB: 14,18,64
Hex: 0A0E30
RGB: 10,14,48
Hex: 070920
RGB: 7,9,32
Hex: 030410
RGB: 3,4,16
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
E9EAF6
D3D5EC
BDC1E3
A7ACDA
9297D1
7C82C7
666DBE
5059B5
3A44AB
242FA2
202A92
1D2682
192171
161C61
121851
0E1341
0B0E31
070920
040510
000000
FFFFFF
E9EAF4
D2D4E9
BCBFDE
A6AAD3
9095C8
797FBD
636AB2
4D55A7
363F9C
202A91
1D2683
1A2274
161D66
131957
101549
0D113A
0A0D2B
06081D
03040E
000000
FFFFFF
E8E9F2
D2D3E6
BBBED9
A4A8CD
8E92C0
777CB3
6066A7
49519A
333B8E
1C2581
192174
161E67
141A5A
11164D
0E1341
0B0F34
080B27
06071A
03040D
000000
FFFFFF
E8E9F1
D1D2E3
BABCD4
A3A6C6
8C90B8
7579AA
5E639C
474D8D
30367F
192071
171D66
141A5A
12164F
0F1344
0D1039
0A0D2D
070A22
050617
02030B
000000
FFFFFF
E8E8EF
D0D2DF
B9BBD0
A1A4C0
8A8EB0
7377A0
5B6090
444981
2C3371
151C61
131957
11164E
0F1444
0D113A
0B0E31
080B27
06081D
040613
02030A
000000
FFFFFF
E7E8EE
D0D1DC
B8B9CB
A0A2B9
898BA8
717497
595D85
414574
2A2E62
121751
101549
0E1241
0D1039
0B0E31
090C29
070920
050718
040510
020208
000000
FFFFFF
E7E7EC
CFD0D9
B7B8C6
9FA0B3
8789A0
6E718C
565979
3E4166
262A53
0E1240
0D103A
0B0E33
0A0D2D
080B26
070920
06071A
040513
03040D
010206
000000
FFFFFF
E7E7EA
CECFD6
B6B7C1
9D9FAC
858798
6C6E83
54566E
3B3E59
232645
0A0E30
090D2B
080B26
070A22
06081D
050718
040613
03040E
02030A
010105
000000
FFFFFF
E6E6E9
CDCED2
B5B5BC
9C9DA6
838490
6A6B79
515363
393A4D
202236
070920
06081D
06071A
050616
040513
040510
03040D
02030A
010206
010103
000000
FFFFFF
E6E6E7
CDCDCF
B3B4B7
9A9B9F
818288
686870
4F4F58
353640
1C1D28
030410
03040E
02030D
02030B
02020A
020208
010206
010105
010103
000002
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