Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/004aff-0042e5-003bcc-0033b2-002c99-00257f-001d66-00164c-000e33-000719-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 004AFF
RGB: 0,74,255
Hex: 0042E5
RGB: 0,66,229
Hex: 003BCC
RGB: 0,59,204
Hex: 0033B2
RGB: 0,51,178
Hex: 002C99
RGB: 0,44,153
Hex: 00257F
RGB: 0,37,127
Hex: 001D66
RGB: 0,29,102
Hex: 00164C
RGB: 0,22,76
Hex: 000E33
RGB: 0,14,51
Hex: 000719
RGB: 0,7,25
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
E6EDFF
CCDBFF
B3C9FF
99B7FF
80A5FF
6692FF
4D80FF
336EFF
1A5CFF
004AFF
0043E6
003BCC
0034B3
002C99
002580
001E66
00164C
000F33
000719
000000
FFFFFF
E6ECFC
CCD9FA
B3C6F7
99B3F5
80A1F2
668EEF
4D7BED
3368EA
1A55E8
0042E5
003BCE
0035B7
002EA0
002889
002173
001A5C
001445
000D2E
000717
000000
FFFFFF
E6EBFA
CCD8F5
B3C4F0
99B1EB
809DE6
6689E0
4D76DB
3362D6
1A4FD1
003BCC
0035B8
002FA3
00298F
00237A
001E66
001852
00123D
000C29
000614
000000
FFFFFF
E6EBF7
CCD6F0
B3C2E8
99ADE0
8099D9
6685D1
4D70C9
335CC1
1A47BA
0033B2
002EA0
00298E
00247D
001F6B
001A59
001447
000F35
000A24
000512
000000
FFFFFF
E6EAF5
CCD5EB
B3C0E0
99ABD6
8096CC
6680C2
4D6BB8
3356AD
1A41A3
002C99
00288A
00237A
001F6B
001A5C
00164D
00123D
000D2E
00091F
00040F
000000
FFFFFF
E6E9F2
CCD3E5
B3BED9
99A8CC
8092BF
667CB2
4D66A5
335199
1A3B8C
00257F
002172
001E66
001A59
00164C
001340
000F33
000B26
000719
00040D
000000
FFFFFF
E6E8F0
CCD2E0
B3BBD1
99A5C2
808EB3
6677A3
4D6194
334A85
1A3475
001D66
001A5C
001752
001447
00113D
000F33
000C29
00091F
000614
00030A
000000
FFFFFF
E6E8ED
CCD0DB
B3B9C9
99A2B7
808BA6
667394
4D5C82
334570
1A2D5E
00164C
001444
00123D
000F35
000D2E
000B26
00091E
000717
00040F
000208
000000
FFFFFF
E6E7EB
CCCFD6
B3B7C2
999FAD
808799
666E85
4D5670
333E5C
1A2647
000E33
000D2E
000B29
000A24
00081F
00071A
000614
00040F
00030A
000105
000000
FFFFFF
E6E6E8
CCCDD1
B3B5BA
999CA3
80838C
666A75
4D515E
333947
1A2030
000719
000617
000614
000512
00040F
00040D
00030A
000207
000105
000102
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