Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/32607e-2d5671-284c64-234358-1e394b-19303f-132632-0f1c25-0a1319-05090c-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 32607E
RGB: 50,96,126
Hex: 2D5671
RGB: 45,86,113
Hex: 284C64
RGB: 40,76,100
Hex: 234358
RGB: 35,67,88
Hex: 1E394B
RGB: 30,57,75
Hex: 19303F
RGB: 25,48,63
Hex: 132632
RGB: 19,38,50
Hex: 0F1C25
RGB: 15,28,37
Hex: 0A1319
RGB: 10,19,25
Hex: 05090C
RGB: 5,9,12
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
EBEFF2
D6DFE5
C2CFD8
ADBFCB
99B0BF
84A0B2
7090A5
5B8098
47708B
32607E
2D5671
284D65
234358
1E3A4C
19303F
142632
0F1D26
0A1319
050A0D
000000
FFFFFF
EAEEF1
D5DDE3
C0CCD4
ABBBC6
96ABB8
819AAA
6C899C
57788D
42677F
2D5671
294D66
24455A
1F3C4F
1B3444
172B39
12222D
0D1A22
091117
04090B
000000
FFFFFF
EAEDF0
D4DBE0
BFC9D1
A9B7C1
94A6B2
7E94A2
698293
537083
3E5E74
284C64
24445A
203D50
1C3546
182E3C
142632
101E28
0C171E
080F14
04080A
000000
FFFFFF
E9ECEE
D3D9DE
BDC7CD
A7B4BC
91A1AC
7B8E9B
657B8A
4F6979
395669
234358
203C4F
1C3646
192F3E
152835
12222C
0E1B23
0A141A
070D12
030709
000000
FFFFFF
E9EBED
D2D7DB
BCC4C9
A5B0B7
8F9CA5
788893
627481
4B616F
354D5D
1E394B
1B3344
182E3C
152835
12222D
0F1D26
0C171E
091116
060B0F
030607
000000
FFFFFF
E8EAEC
D1D6D9
BAC1C5
A3ACB2
8C989F
75838C
5E6E79
475965
304552
19303F
172B39
142632
12222C
0F1D26
0D1820
0A1319
070E13
050A0D
020506
000000
FFFFFF
E7E9EB
D0D4D6
B8BEC2
A1A8AD
899399
717D84
5A6770
42515B
2B3C47
132632
11222D
0F1E28
0D1B23
0B171E
0A1319
080F14
060B0F
04080A
020405
000000
FFFFFF
E7E8E9
CFD2D3
B7BBBE
9FA4A8
878E92
6F777C
576066
3F4951
27333B
0F1C25
0E1921
0C161E
0B141A
091116
080E13
060B0F
04080B
030607
010304
000000
FFFFFF
E7E7E8
CED0D1
B6B8BA
9DA1A3
85898C
6C7175
545A5E
3B4247
232B30
0A1319
091117
080F14
070D12
060B0F
050A0D
04080A
030607
020405
010202
000000
FFFFFF
E6E6E7
CDCECE
B4B5B6
9B9D9E
828486
696B6D
505355
373A3D
1E2224
05090C
05080B
04070A
040608
030507
030506
020405
010304
010202
000101
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