Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/0031b9-002ca6-002794-002281-001d6f-00185c-001349-000e37-000925-000412-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 0031B9
RGB: 0,49,185
Hex: 002CA6
RGB: 0,44,166
Hex: 002794
RGB: 0,39,148
Hex: 002281
RGB: 0,34,129
Hex: 001D6F
RGB: 0,29,111
Hex: 00185C
RGB: 0,24,92
Hex: 001349
RGB: 0,19,73
Hex: 000E37
RGB: 0,14,55
Hex: 000925
RGB: 0,9,37
Hex: 000412
RGB: 0,4,18
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
E6EAF8
CCD6F1
B3C1EA
99ADE3
8098DC
6683D5
4D6FCE
335AC7
1A46C0
0031B9
002CA7
002794
002282
001D6F
00195D
00144A
000F37
000A25
000512
000000
FFFFFF
E6EAF6
CCD5ED
B3C0E4
99ABDB
8096D3
6680CA
4D6BC1
3356B8
1A41AF
002CA6
002895
002385
001F74
001A64
001653
001242
000D32
000921
000411
000000
FFFFFF
E6E9F4
CCD4EA
B3BEDF
99A9D4
8093CA
667DBF
4D68B4
3352A9
1A3D9F
002794
002385
001F76
001B68
001759
00144A
00103B
000C2C
00081E
00040F
000000
FFFFFF
E6E9F2
CCD3E6
B3BDD9
99A7CD
8091C0
667AB3
4D64A7
334E9A
1A388E
002281
001F74
001B67
00185A
00144D
001141
000E34
000A27
00071A
00030D
000000
FFFFFF
E6E8F1
CCD2E2
B3BBD4
99A5C5
808EB7
6677A9
4D619A
334A8C
1A347D
001D6F
001A64
001759
00144E
001143
000F38
000C2C
000921
000616
00030B
000000
FFFFFF
E6E8EF
CCD1DE
B3BACE
99A3BE
808CAE
66749D
4D5D8D
33467D
1A2F6C
00185C
001653
00134A
001140
000E37
000C2E
000A25
00071C
000512
000209
000000
FFFFFF
E6E7ED
CCD0DB
B3B8C8
99A1B6
8089A4
667192
4D5A80
33426D
1A2B5B
001349
001142
000F3A
000D33
000B2C
000A25
00081D
000616
00040F
000207
000000
FFFFFF
E6E7EB
CCCFD7
B3B7C3
999FAF
80879B
666E87
4D5673
333E5F
1A264B
000E37
000D32
000B2C
000A27
000821
00071C
000616
000410
00030B
000105
000000
FFFFFF
E6E6E9
CCCED3
B3B5BE
999DA8
808492
666B7C
4D5366
333A51
1A223B
000925
000821
00071E
00061A
000516
000513
00040F
00030B
000207
000104
000000
FFFFFF
E6E6E7
CCCDD0
B3B4B8
999BA0
808289
666871
4D4F59
333641
1A1D2A
000412
000410
00030E
00030D
00020B
000209
000207
000105
000104
000002
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