Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/004fa3-1960ac-3372b5-4c83be-6695c7-7fa7d1-99b8da-b2cae3-ccdbec-e5edf5-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 004FA3
RGB: 0,79,163
Hex: 1960AC
RGB: 25,96,172
Hex: 3372B5
RGB: 51,114,181
Hex: 4C83BE
RGB: 76,131,190
Hex: 6695C7
RGB: 102,149,199
Hex: 7FA7D1
RGB: 127,167,209
Hex: 99B8DA
RGB: 153,184,218
Hex: B2CAE3
RGB: 178,202,227
Hex: CCDBEC
RGB: 204,219,236
Hex: E5EDF5
RGB: 229,237,245
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
E6EDF6
CCDCED
B3CAE3
99B9DA
80A7D1
6695C8
4D84BF
3372B5
1A61AC
004FA3
004793
003F82
003772
002F62
002852
002041
001831
001021
000810
000000
FFFFFF
E8EFF7
D1DFEE
BACFE6
A3BFDE
8CB0D6
75A0CD
5E90C5
4780BD
3070B4
1960AC
17569B
144D8A
124378
0F3A67
0D3056
0A2645
071D34
051322
020A11
000000
FFFFFF
EBF1F8
D6E3F0
C2D5E9
ADC7E1
99B9DA
85AAD3
709CCB
5C8EC4
4780BC
3372B5
2E67A3
295B91
24507F
1F446D
1A395B
142E48
0F2236
0A1724
050B12
000000
FFFFFF
EDF3F9
DBE6F2
C9DAEC
B7CDE5
A6C1DF
94B5D8
82A8D2
709CCB
5E8FC5
4C83BE
4476AB
3D6998
355C85
2E4F72
26425F
1E344C
172739
0F1A26
080D13
000000
FFFFFF
F0F4F9
E0EAF4
D1DFEE
C2D5E9
B3CAE3
A3BFDD
94B5D8
85AAD2
75A0CD
6695C7
5C86B3
52779F
47688B
3D5977
334B64
293C50
1F2D3C
141E28
0A0F14
000000
FFFFFF
F2F6FA
E5EDF6
D9E5F1
CCDCED
BFD3E8
B2CAE3
A5C1DF
99B9DA
8CB0D6
7FA7D1
7296BC
6686A7
597592
4C647D
405469
334354
26323F
19212A
0D1115
000000
FFFFFF
F5F8FB
EBF1F8
E0EAF4
D6E3F0
CCDCED
C2D4E9
B8CDE5
ADC6E1
A3BFDE
99B8DA
8AA6C4
7A93AE
6B8199
5C6E83
4D5C6D
3D4A57
2E3741
1F252C
0F1216
000000
FFFFFF
F7FAFC
F0F4F9
E8EFF7
E0EAF4
D9E5F1
D1DFEE
C9DAEB
C1D5E9
BACFE6
B2CAE3
A0B6CC
8EA2B6
7D8D9F
6B7988
596572
47515B
353D44
24282D
121417
000000
FFFFFF
FAFBFD
F5F8FB
F0F4F9
EBF1F7
E6EDF6
E0E9F4
DBE6F2
D6E2F0
D1DFEE
CCDBEC
B8C5D4
A3AFBD
8F99A5
7A838E
666E76
52585E
3D4247
292C2F
141618
000000
FFFFFF
FCFDFE
FAFBFD
F7FAFC
F5F8FB
F2F6FA
EFF4F9
EDF2F8
EAF1F7
E8EFF6
E5EDF5
CED5DD
B7BEC4
A0A6AC
898E93
73777B
5C5F62
454749
2E2F31
171818
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