Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/1f3855-354b66-4b5f77-627388-788799-8f9baa-a5afbb-bbc3cc-d2d7dd-e8ebee-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 1F3855
RGB: 31,56,85
Hex: 354B66
RGB: 53,75,102
Hex: 4B5F77
RGB: 75,95,119
Hex: 627388
RGB: 98,115,136
Hex: 788799
RGB: 120,135,153
Hex: 8F9BAA
RGB: 143,155,170
Hex: A5AFBB
RGB: 165,175,187
Hex: BBC3CC
RGB: 187,195,204
Hex: D2D7DD
RGB: 210,215,221
Hex: E8EBEE
RGB: 232,235,238
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
E9EBEE
D2D7DD
BCC3CC
A5AFBB
8F9CAA
798899
627488
4C6077
354C66
1F3855
1C324D
192D44
16273B
132233
101C2B
0C1622
091119
060B11
030608
000000
FFFFFF
EBEDF0
D7DBE0
C2C9D1
AEB7C2
9AA5B3
8693A3
728194
5D6F85
495D75
354B66
30445C
2A3C52
253547
202D3D
1B2633
151E29
10161F
0B0F14
05070A
000000
FFFFFF
EDEFF1
DBDFE4
C9CFD6
B7BFC9
A5AFBB
939FAD
818FA0
6F7F92
5D6F85
4B5F77
44566B
3C4C5F
354353
2D3947
26303C
1E2630
161C24
0F1318
07090C
000000
FFFFFF
EFF1F3
E0E3E7
D0D5DB
C0C7CF
B1B9C4
A1ABB8
919DAC
818FA0
728194
627388
58687A
4E5C6D
45515F
3B4552
313A44
272E36
1D2229
14171B
0A0B0E
000000
FFFFFF
F2F3F5
E4E7EB
D7DBE0
C9CFD6
BCC3CC
AEB7C2
A1ABB8
939FAD
8693A3
788799
6C7A8A
606C7A
545F6B
48515C
3C444D
30363D
24282E
181B1F
0C0D0F
000000
FFFFFF
F4F5F7
E9EBEE
DDE1E6
D2D7DD
C7CDD5
BCC3CC
B1B9C4
A5AFBB
9AA5B3
8F9BAA
818C99
727C88
646D77
565D66
484E55
393E44
2B2E33
1D1F22
0E0F11
000000
FFFFFF
F6F7F8
EDEFF1
E4E7EB
DBDFE4
D2D7DD
C9CFD6
C0C7CF
B7BFC9
AEB7C2
A5AFBB
959EA8
848C96
737A83
636970
53585E
42464B
313438
212325
101113
000000
FFFFFF
F8F9FA
F1F3F5
EBEDF0
E4E7EB
DDE1E6
D6DBE0
CFD5DB
C9CFD6
C2C9D1
BBC3CC
A8B0B8
969CA3
83898F
70757A
5E6266
4B4E52
383A3D
252729
131314
000000
FFFFFF
FBFBFC
F6F7F8
F2F3F5
EDEFF1
E9EBEE
E4E7EB
E0E3E7
DBDFE4
D7DBE0
D2D7DD
BDC2C7
A8ACB1
93979B
7E8185
696C6F
545658
3F4042
2A2B2C
151516
000000
FFFFFF
FDFDFD
FAFBFC
F8F9FA
F6F7F8
F4F5F7
F1F3F5
EFF1F3
EDEFF1
EAEDF0
E8EBEE
D1D4D6
BABCBE
A2A5A7
8B8D8F
747677
5D5E5F
464647
2E2F30
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