Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/253668-3a4a77-505e86-667295-7c86a4-929ab3-a7aec2-bdc2d1-d3d6e0-e9eaef-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 253668
RGB: 37,54,104
Hex: 3A4A77
RGB: 58,74,119
Hex: 505E86
RGB: 80,94,134
Hex: 667295
RGB: 102,114,149
Hex: 7C86A4
RGB: 124,134,164
Hex: 929AB3
RGB: 146,154,179
Hex: A7AEC2
RGB: 167,174,194
Hex: BDC2D1
RGB: 189,194,209
Hex: D3D6E0
RGB: 211,214,224
Hex: E9EAEF
RGB: 233,234,239
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
E9EBF0
D3D7E1
BEC3D2
A8AFC3
929BB4
7C86A4
667295
515E86
3B4A77
253668
21315E
1E2B53
1A2649
16203E
131B34
0F162A
0B101F
070B15
04050A
000000
FFFFFF
EBEDF1
D8DBE4
C4C9D6
B0B7C9
9DA5BB
8992AD
7580A0
616E92
4E5C85
3A4A77
34436B
2E3B5F
293453
232C47
1D253C
171E30
111624
0C0F18
06070C
000000
FFFFFF
EEEFF3
DCDFE7
CBCFDB
B9BFCF
A8AFC3
969EB6
858EAA
737E9E
626E92
505E86
485579
404B6B
38425E
303850
282F43
202636
181C28
10131B
08090D
000000
FFFFFF
F0F1F4
E0E3EA
D1D5DF
C2C7D5
B3B9CA
A3AABF
949CB5
858EAA
7580A0
667295
5C6786
525B77
475068
3D4459
33394B
292E3C
1F222D
14171E
0A0B0F
000000
FFFFFF
F2F3F6
E5E7ED
D8DBE4
CBCFDB
BEC3D2
B0B6C8
A3AABF
969EB6
8992AD
7C86A4
707994
636B83
575E73
4A5062
3E4352
323642
252831
191B21
0C0D10
000000
FFFFFF
F4F5F7
E9EBF0
DEE1E8
D3D7E1
C9CDD9
BEC2D1
B3B8CA
A8AEC2
9DA4BB
929AB3
838BA1
757B8F
666C7D
585C6B
494D5A
3A3E48
2C2E36
1D1F24
0F0F12
000000
FFFFFF
F6F7F9
EDEFF3
E5E7ED
DCDFE7
D3D7E1
CACEDA
C1C6D4
B9BECE
B0B6C8
A7AEC2
969DAF
868B9B
757A88
646874
545761
43464E
32343A
212327
111113
000000
FFFFFF
F8F9FA
F2F3F6
EBEDF1
E5E7ED
DEE1E8
D7DAE3
D1D4DF
CACEDA
C4C8D6
BDC2D1
AAAFBC
979BA7
848892
71747D
5F6169
4C4E54
393A3F
26272A
131315
000000
FFFFFF
FBFBFC
F6F7F9
F2F3F6
EDEFF3
E9EBF0
E5E6EC
E0E2E9
DCDEE6
D7DAE3
D3D6E0
BEC1CA
A9ABB3
94969D
7F8086
6A6B70
54565A
3F4043
2A2B2D
151516
000000
FFFFFF
FDFDFD
FBFBFC
F8F9FA
F6F7F9
F4F5F7
F2F2F5
F0F0F4
EDEEF2
EBECF1
E9EAEF
D2D3D7
BABBBF
A3A4A7
8C8C8F
757578
5D5E60
464648
2F2F30
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