Color Palette Generator


Color Scheme

Color Name









Palette Link (Permalink): https://www.colorxs.com/palette/editor/213a51-305475-3e6d9a-5287b9-76a0c8-9bb9d6-bfd3e5?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 213A51
RGB: 33,58,81
Hex: 305475
RGB: 48,84,117
Hex: 3E6D9A
RGB: 62,109,154
Hex: 5287B9
RGB: 82,135,185
Hex: 76A0C8
RGB: 118,160,200
Hex: 9BB9D6
RGB: 155,185,214
Hex: BFD3E5
RGB: 191,211,229
-100%
-90%
-80%
-70%
-60%
-50%
-40%
-30%
-20%
-10%
Original
10%
20%
30%
40%
50%
60%
70%
80%
90%
100%
FFFFFF
E9EBEE
D3D8DC
BCC4CB
A6B0B9
909DA8
7A8997
647585
4D6174
374E62
213A51
1E3449
1A2E41
172939
142331
111D29
0D1720
0A1118
070C10
030608
000000
FFFFFF
EAEEF1
D6DDE3
C1CCD6
ACBBC8
98AABA
8398AC
6E879E
597691
456583
305475
2B4C69
26435E
223B52
1D3246
182A3B
13222F
0E1923
0A1117
05080C
000000
FFFFFF
ECF0F5
D8E2EB
C5D3E1
B2C5D7
9FB6CD
8BA7C2
7899B8
658AAE
517CA4
3E6D9A
38628B
32577B
2B4C6C
25415C
1F374D
192C3E
13212E
0C161F
060B0F
000000
FFFFFF
EEF3F8
DCE7F1
CBDBEA
BACFE3
A9C3DC
97B7D5
86ABCE
759FC7
6393C0
5287B9
4A7AA7
426C94
395F82
31516F
29445D
21364A
192837
101B25
080D12
000000
FFFFFF
F1F6FA
E4ECF4
D6E3EF
C8D9E9
BBD0E4
ADC6DE
9FBDD9
91B3D3
84AACE
76A0C8
6A90B4
5E80A0
53708C
476078
3B5064
2F4050
23303C
182028
0C1014
000000
FFFFFF
F5F8FB
EBF1F7
E1EAF3
D7E3EF
CDDCEB
C3D5E6
B9CEE2
AFC7DE
A5C0DA
9BB9D6
8CA7C1
7C94AB
6D8296
5D6F80
4E5D6B
3E4A56
2E3740
1F252B
0F1215
000000
FFFFFF
F9FBFC
F2F6FA
ECF2F7
E5EDF5
DFE9F2
D9E5EF
D2E0ED
CCDCEA
C5D7E8
BFD3E5
ACBECE
99A9B7
8694A0
737F89
606A73
4C545C
393F45
262A2E
131517
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