Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/00225e-19386e-334e7e-4c648e-667a9e-7f90ae-99a6be-b2bcce-ccd2de-e5e8ee-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 00225E
RGB: 0,34,94
Hex: 19386E
RGB: 25,56,110
Hex: 334E7E
RGB: 51,78,126
Hex: 4C648E
RGB: 76,100,142
Hex: 667A9E
RGB: 102,122,158
Hex: 7F90AE
RGB: 127,144,174
Hex: 99A6BE
RGB: 153,166,190
Hex: B2BCCE
RGB: 178,188,206
Hex: CCD2DE
RGB: 204,210,222
Hex: E5E8EE
RGB: 229,232,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
E6E9EF
CCD3DF
B3BDCF
99A7BF
8091AF
667A9E
4D648E
334E7E
1A386E
00225E
001F55
001B4B
001842
001438
00112F
000E26
000A1C
000713
000309
000000
FFFFFF
E8EBF1
D1D7E2
BAC3D4
A3AFC5
8C9CB7
7588A8
5E749A
47608B
304C7D
19386E
173263
142D58
12274D
0F2242
0D1C37
0A162C
071121
050B16
02060B
000000
FFFFFF
EBEDF2
D6DCE5
C2CAD8
ADB8CB
99A7BF
8595B2
7083A5
5C7198
47608B
334E7E
2E4671
293E65
243758
1F2F4C
1A273F
141F32
0F1726
0A1019
05080D
000000
FFFFFF
EDF0F4
DBE0E8
C9D1DD
B7C1D2
A6B2C7
94A2BB
8293B0
7083A5
5E7499
4C648E
445A80
3D5072
354663
2E3C55
263247
1E2839
171E2B
0F141C
080A0E
000000
FFFFFF
F0F2F5
E0E4EC
D1D7E2
C2CAD8
B3BDCF
A3AFC5
94A2BB
8595B1
7587A8
667A9E
5C6E8E
52627E
47556F
3D495F
333D4F
29313F
1F252F
141820
0A0C10
000000
FFFFFF
F2F4F7
E5E9EF
D9DEE7
CCD3DF
BFC8D7
B2BCCE
A5B1C6
99A6BE
8C9BB6
7F90AE
72829D
66738B
59657A
4C5668
404857
333A46
262B34
191D23
0D0E11
000000
FFFFFF
F5F6F9
EBEDF2
E0E4EC
D6DBE5
CCD3DF
C2CAD8
B8C1D2
ADB8CB
A3AFC5
99A6BE
8A95AB
7A8598
6B7485
5C6472
4D535F
3D424C
2E3239
1F2126
0F1113
000000
FFFFFF
F7F8FA
F0F2F5
E8EBF0
E0E4EB
D9DEE7
D1D7E2
C9D0DD
C1C9D8
BAC3D3
B2BCCE
A0A9B9
8E96A5
7D8490
6B717C
595E67
474B52
35383E
242629
121315
000000
FFFFFF
FAFBFC
F5F6F8
F0F2F5
EBEDF2
E6E9EF
E0E4EB
DBE0E8
D6DBE5
D1D7E1
CCD2DE
B8BDC8
A3A8B2
8F939B
7A7E85
66696F
525459
3D3F43
292A2C
141516
000000
FFFFFF
FCFDFD
FAFAFC
F7F8FA
F5F6F8
F2F4F7
EFF1F5
EDEFF3
EAEDF1
E8EAF0
E5E8EE
CED1D6
B7BABE
A0A2A7
898B8F
737477
5C5D5F
454647
2E2E30
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