Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/1b222e-323843-494e58-5f646d-767a82-8d9096-a4a7ab-bbbdc0-d1d3d5-e8e9ea-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 1B222E
RGB: 27,34,46
Hex: 323843
RGB: 50,56,67
Hex: 494E58
RGB: 73,78,88
Hex: 5F646D
RGB: 95,100,109
Hex: 767A82
RGB: 118,122,130
Hex: 8D9096
RGB: 141,144,150
Hex: A4A7AB
RGB: 164,167,171
Hex: BBBDC0
RGB: 187,189,192
Hex: D1D3D5
RGB: 209,211,213
Hex: E8E9EA
RGB: 232,233,234
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
E8E9EA
D1D3D5
BBBDC0
A4A7AB
8D9197
767A82
5F646D
494E58
323843
1B222E
181F29
161B25
131820
10141C
0E1117
0B0E12
080A0E
050709
030305
000000
FFFFFF
EBEBEC
D6D7D9
C2C3C7
ADAFB4
999CA1
84888E
70747B
5B6069
474C56
323843
2D323C
282D36
23272F
1E2228
191C22
14161B
0F1114
0A0B0D
050607
000000
FFFFFF
EDEDEE
DBDCDE
C8CACD
B6B8BC
A4A7AC
92959B
80838A
6D7179
5B6069
494E58
42464F
3A3E46
33373E
2C2F35
25272C
1D1F23
16171A
0F1012
070809
000000
FFFFFF
EFF0F0
DFE0E2
CFD1D3
BFC1C5
AFB2B6
9FA2A7
8F9399
7F838A
6F747C
5F646D
565A62
4C5057
43464C
393C41
303237
26282C
1C1E21
131416
090A0B
000000
FFFFFF
F1F2F3
E4E4E6
D6D7DA
C8CACD
BBBDC1
ADAFB4
9FA2A8
91959B
84878F
767A82
6A6E75
5E6268
53555B
47494E
3B3D41
2F3134
232527
18181A
0C0C0D
000000
FFFFFF
F4F4F5
E8E9EA
DDDEE0
D1D3D5
C6C8CB
BBBCC0
AFB1B6
A4A6AB
989BA1
8D9096
7F8287
717378
636569
55565A
47484B
383A3C
2A2B2D
1C1D1E
0E0E0F
000000
FFFFFF
F6F6F7
EDEDEE
E4E5E6
DBDCDD
D2D3D5
C8CACD
BFC1C4
B6B9BC
ADB0B3
A4A7AB
94969A
838689
737578
626467
525456
424344
313233
212122
101111
000000
FFFFFF
F8F8F9
F1F2F2
EBEBEC
E4E5E6
DDDEE0
D6D7D9
CFD1D3
C9CACD
C2C4C6
BBBDC0
A8AAAD
96979A
838486
707173
5E5F60
4B4C4D
38393A
252626
131313
000000
FFFFFF
FAFBFB
F6F6F7
F1F2F2
EDEDEE
E8E9EA
E3E5E6
DFE0E2
DADCDD
D6D7D9
D1D3D5
BCBEC0
A7A9AA
929495
7D7F80
696A6B
545455
3F3F40
2A2A2B
151515
000000
FFFFFF
FDFDFD
FAFBFB
F8F8F9
F6F6F7
F4F4F5
F1F2F2
EFF0F0
EDEDEE
EAEBEC
E8E9EA
D1D2D3
BABABB
A2A3A4
8B8C8C
747575
5D5D5E
464646
2E2F2F
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