Color Palette Generator


Color Scheme

Color Name









Palette Link (Permalink): https://www.colorxs.com/palette/editor/1a222a-2e3c49-415669-557088-6d8aa3-8ca3b7-abbccb?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 1A222A
RGB: 26,34,42
Hex: 2E3C49
RGB: 46,60,73
Hex: 415669
RGB: 65,86,105
Hex: 557088
RGB: 85,112,136
Hex: 6D8AA3
RGB: 109,138,163
Hex: 8CA3B7
RGB: 140,163,183
Hex: ABBCCB
RGB: 171,188,203
-100%
-90%
-80%
-70%
-60%
-50%
-40%
-30%
-20%
-10%
Original
10%
20%
30%
40%
50%
60%
70%
80%
90%
100%
FFFFFF
E8E9EA
D1D3D4
BABDBF
A3A7AA
8D9195
767A7F
5F646A
484E55
31383F
1A222A
171F26
151B22
12181D
101419
0D1115
0A0E11
080A0D
050708
030304
000000
FFFFFF
EAECED
D5D8DB
C0C5C8
ABB1B6
979EA4
828A92
6D7780
58636D
43505B
2E3C49
293642
25303A
202A33
1C242C
171E25
12181D
0E1216
090C0F
050607
000000
FFFFFF
ECEEF0
D9DDE1
C6CCD2
B3BBC3
A0ABB4
8D9AA5
7A8996
677887
546778
415669
3B4D5F
344554
2E3C4A
27343F
212B35
1A222A
131A1F
0D1115
06090A
000000
FFFFFF
EEF1F3
DDE2E7
CCD4DB
BBC6CF
AAB8C4
99A9B8
889BAC
778DA0
667E94
557088
4D657A
445A6D
3B4E5F
334352
2B3844
222D36
192229
11161B
080B0E
000000
FFFFFF
F0F3F6
E2E8ED
D3DCE3
C5D0DA
B6C5D1
A7B9C8
99ADBF
8AA1B5
7C96AC
6D8AA3
627C93
576E82
4C6172
415362
374552
2C3741
212931
161C21
0B0E10
000000
FFFFFF
F4F6F8
E8EDF1
DDE3E9
D1DAE2
C6D1DB
BAC8D4
AFBFCD
A3B5C5
98ACBE
8CA3B7
7E93A5
708292
627280
54626E
46525C
384149
2A3137
1C2125
0E1012
000000
FFFFFF
F7F8FA
EEF2F5
E6EBEF
DDE4EA
D5DEE5
CDD7E0
C4D0DB
BCC9D5
B3C3D0
ABBCCB
9AA9B7
8996A2
78848E
67717A
565E66
444B51
33383D
222629
111314
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