Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/001f2c-193541-334b56-4c626b-667880-7f8f95-99a5aa-b2bbbf-ccd2d4-e5e8e9-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 001F2C
RGB: 0,31,44
Hex: 193541
RGB: 25,53,65
Hex: 334B56
RGB: 51,75,86
Hex: 4C626B
RGB: 76,98,107
Hex: 667880
RGB: 102,120,128
Hex: 7F8F95
RGB: 127,143,149
Hex: 99A5AA
RGB: 153,165,170
Hex: B2BBBF
RGB: 178,187,191
Hex: CCD2D4
RGB: 204,210,212
Hex: E5E8E9
RGB: 229,232,233
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
E6E9EA
CCD2D5
B3BCC0
99A5AB
808F96
667980
4D626B
334C56
1A3541
001F2C
001C28
001923
00161F
00131A
001016
000C12
00090D
000609
000304
000000
FFFFFF
E8EBEC
D1D7D9
BAC2C6
A3AEB3
8C9AA0
75868D
5E727A
475D67
304954
193541
17303B
142A34
12252E
0F2027
0D1B21
0A151A
071013
050B0D
020506
000000
FFFFFF
EBEDEE
D6DBDD
C2C9CC
ADB7BB
99A5AB
85939A
708189
5C6F78
475D67
334B56
2E444D
293C45
24353C
1F2D34
1A262B
141E22
0F161A
0A0F11
050709
000000
FFFFFF
EDEFF0
DBE0E1
C9D0D3
B7C0C4
A6B1B5
94A1A6
829197
708189
5E727A
4C626B
445860
3D4E56
35454B
2E3B40
263136
1E272B
171D20
0F1415
080A0B
000000
FFFFFF
F0F2F2
E0E4E6
D1D7D9
C2C9CC
B3BCC0
A3AEB3
94A1A6
859399
75868D
667880
5C6C73
526066
47545A
3D484D
333C40
293033
1F2426
14181A
0A0C0D
000000
FFFFFF
F2F4F4
E5E9EA
D9DDDF
CCD2D5
BFC7CA
B2BCBF
A5B1B5
99A5AA
8C9AA0
7F8F95
728186
667277
596468
4C5659
40484B
33393C
262B2D
191D1E
0D0E0F
000000
FFFFFF
F5F6F7
EBEDEE
E0E4E6
D6DBDD
CCD2D5
C2C9CC
B8C0C4
ADB7BB
A3AEB3
99A5AA
8A9599
7A8488
6B7377
5C6366
4D5355
3D4244
2E3133
1F2122
0F1011
000000
FFFFFF
F7F8F9
F0F1F2
E8EBEC
E0E4E5
D9DDDF
D1D6D9
C9CFD2
C1C9CC
BAC2C5
B2BBBF
A0A8AC
8E9699
7D8386
6B7073
595E60
474B4C
353839
242526
121313
000000
FFFFFF
FAFBFB
F5F6F6
F0F2F2
EBEDEE
E6E9EA
E0E4E5
DBE0E1
D6DBDD
D1D7D8
CCD2D4
B8BDBF
A3A8AA
8F9394
7A7E7F
66696A
525455
3D3F40
292A2A
141515
000000
FFFFFF
FCFDFD
FAFAFB
F7F8F8
F5F6F6
F2F4F4
EFF1F2
EDEFF0
EAEDED
E8EAEB
E5E8E9
CED1D2
B7BABA
A0A2A3
898B8C
737475
5C5D5D
454646
2E2E2F
171717
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