Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/0020b3-1936ba-334cc2-4c62c9-6679d1-7f8fd9-99a5e0-b2bce8-ccd2ef-e5e8f7-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 0020B3
RGB: 0,32,179
Hex: 1936BA
RGB: 25,54,186
Hex: 334CC2
RGB: 51,76,194
Hex: 4C62C9
RGB: 76,98,201
Hex: 6679D1
RGB: 102,121,209
Hex: 7F8FD9
RGB: 127,143,217
Hex: 99A5E0
RGB: 153,165,224
Hex: B2BCE8
RGB: 178,188,232
Hex: CCD2EF
RGB: 204,210,239
Hex: E5E8F7
RGB: 229,232,247
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
E6E9F7
CCD2F0
B3BCE8
99A6E1
8090D9
6679D1
4D63CA
334DC2
1A36BB
0020B3
001DA1
001A8F
00167D
00136B
00105A
000D48
000A36
000624
000312
000000
FFFFFF
E8EBF8
D1D7F1
BAC3EA
A3AFE3
8C9BDD
7586D6
5E72CF
475EC8
304AC1
1936BA
1731A7
142B95
122682
0F2070
0D1B5D
0A164A
071038
050B25
020513
000000
FFFFFF
EBEDF9
D6DBF3
C2C9ED
ADB7E7
99A6E1
8594DA
7082D4
5C70CE
475EC8
334CC2
2E44AF
293D9B
243588
1F2E74
1A2661
141E4E
0F173A
0A0F27
050813
000000
FFFFFF
EDEFFA
DBE0F4
C9D0EF
B7C0E9
A6B1E4
94A1DF
8291D9
7081D4
5E72CE
4C62C9
4458B5
3D4EA1
35458D
2E3B79
263165
1E2750
171D3C
0F1428
080A14
000000
FFFFFF
F0F2FA
E0E4F6
D1D7F1
C2C9ED
B3BCE8
A3AFE3
94A1DF
8594DA
7586D6
6679D1
5C6DBC
5261A7
475592
3D497D
333D69
293054
1F243F
14182A
0A0C15
000000
FFFFFF
F2F4FB
E5E9F7
D9DDF4
CCD2F0
BFC7EC
B2BCE8
A5B1E4
99A5E1
8C9ADD
7F8FD9
7281C3
6672AE
596498
4C5682
40486D
333957
262B41
191D2B
0D0E16
000000
FFFFFF
F5F6FC
EBEDF9
E0E4F6
D6DBF3
CCD2F0
C2C9EC
B8C0E9
ADB7E6
A3AEE3
99A5E0
8A95CA
7A84B3
6B739D
5C6386
4D5370
3D425A
2E3143
1F212D
0F1016
000000
FFFFFF
F7F8FD
F0F2FA
E8EBF8
E0E4F6
D9DEF4
D1D7F1
C9D0EF
C1C9ED
BAC3EA
B2BCE8
A0A9D1
8E96BA
7D84A2
6B718B
595E74
474B5D
353846
24262E
121317
000000
FFFFFF
FAFBFD
F5F6FC
F0F2FA
EBEDF9
E6E9F7
E0E4F5
DBE0F4
D6DBF2
D1D7F1
CCD2EF
B8BDD7
A3A8BF
8F93A7
7A7E8F
666978
525460
3D3F48
292A30
141518
000000
FFFFFF
FCFDFE
FAFAFD
F7F8FD
F5F6FC
F2F4FB
EFF1FA
EDEFF9
EAEDF9
E8EAF8
E5E8F7
CED1DE
B7BAC6
A0A2AD
898B94
73747C
5C5D63
45464A
2E2E31
171719
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