Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/2a3449-3f485b-545c6d-69707f-7f8591-9499a4-a9adb6-bfc2c8-d4d6da-e9eaec-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 2A3449
RGB: 42,52,73
Hex: 3F485B
RGB: 63,72,91
Hex: 545C6D
RGB: 84,92,109
Hex: 69707F
RGB: 105,112,127
Hex: 7F8591
RGB: 127,133,145
Hex: 9499A4
RGB: 148,153,164
Hex: A9ADB6
RGB: 169,173,182
Hex: BFC2C8
RGB: 191,194,200
Hex: D4D6DA
RGB: 212,214,218
Hex: E9EAEC
RGB: 233,234,236
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
EAEBED
D4D6DB
BFC2C8
AAAEB6
959AA4
7F8592
6A7180
555D6D
3F485B
2A3449
262F42
222A3A
1D2433
191F2C
151A25
11151D
0D1016
080A0F
040507
000000
FFFFFF
ECEDEF
D9DADE
C5C8CE
B2B6BD
9FA4AD
8C919D
797F8C
656D7C
525A6B
3F485B
394152
323A49
2C3240
262B37
20242E
191D24
13161B
0D0E12
060709
000000
FFFFFF
EEEFF0
DDDEE2
CCCED3
BBBEC5
AAAEB6
989DA7
878D99
767D8A
656C7C
545C6D
4C5362
434A57
3B404C
323741
2A2E37
22252C
191C21
111216
08090B
000000
FFFFFF
F0F1F2
E1E2E5
D2D4D9
C3C6CC
B4B8BF
A5A9B2
969BA5
878D99
787E8C
69707F
5F6572
545A66
4A4E59
3F434C
353840
2A2D33
1F2226
151619
0A0B0D
000000
FFFFFF
F2F3F4
E5E7E9
D9DADE
CCCED3
BFC2C8
B2B6BD
A5AAB2
999DA7
8C919C
7F8591
727883
666A74
595D66
4C5057
404349
33353A
26282B
191B1D
0D0D0E
000000
FFFFFF
F4F5F6
EAEBED
DFE0E4
D4D6DB
CACCD2
BFC2C8
B4B8BF
A9ADB6
9FA3AD
9499A4
858A94
767A83
686B73
595C62
4A4D52
3B3D42
2C2E31
1E1F21
0F0F10
000000
FFFFFF
F6F7F8
EEEFF0
E5E6E9
DDDEE2
D4D6DB
CBCED3
C3C6CC
BABDC5
B2B5BD
A9ADB6
989CA4
878A92
76797F
65686D
55575B
444549
333437
222324
111112
000000
FFFFFF
F9F9FA
F2F3F4
ECEDEF
E5E7E9
DFE1E4
D9DADE
D2D4D9
CCCED3
C5C8CE
BFC2C8
ACAFB4
999BA0
86888C
737478
606164
4C4E50
393A3C
262728
131314
000000
FFFFFF
FBFBFB
F6F7F8
F2F3F4
EEEFF0
EAEBED
E5E6E9
E1E2E5
DDDEE1
D8DADE
D4D6DA
BFC1C4
AAABAE
949699
7F8083
6A6B6D
555657
404041
2A2B2C
151516
000000
FFFFFF
FDFDFD
FBFBFB
F8F9F9
F6F7F7
F4F5F6
F2F2F4
F0F0F2
EDEEF0
EBECEE
E9EAEC
D2D3D4
BABBBD
A3A4A5
8C8C8E
757576
5D5E5E
464647
2F2F2F
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