Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/110e18-28262f-403e46-58565d-706e74-88868b-9f9ea2-b7b6b9-cfced0-e7e6e7-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 110E18
RGB: 17,14,24
Hex: 28262F
RGB: 40,38,47
Hex: 403E46
RGB: 64,62,70
Hex: 58565D
RGB: 88,86,93
Hex: 706E74
RGB: 112,110,116
Hex: 88868B
RGB: 136,134,139
Hex: 9F9EA2
RGB: 159,158,162
Hex: B7B6B9
RGB: 183,182,185
Hex: CFCED0
RGB: 207,206,208
Hex: E7E6E7
RGB: 231,230,231
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
E7E7E8
CFCFD1
B8B7BA
A09FA3
88878C
706E74
58565D
413E46
29262F
110E18
0F0D16
0E0B13
0C0A11
0A080E
09070C
07060A
050407
030305
020102
000000
FFFFFF
EAE9EA
D4D4D5
BFBEC1
A9A8AC
949397
7E7D82
69676D
535159
3E3C44
28262F
24222A
201E26
1C1B21
18171C
141318
100F13
0C0B0E
080809
040405
000000
FFFFFF
ECECED
D9D8DA
C6C5C8
B3B2B5
A09FA3
8C8B90
79787E
66656B
535159
403E46
3A383F
333238
2D2B31
26252A
201F23
1A191C
131315
0D0C0E
060607
000000
FFFFFF
EEEEEF
DEDDDF
CDCCCE
BCBBBE
ACABAE
9B9A9E
8A898E
79787D
69676D
58565D
4F4D54
46454A
3E3C41
353438
2C2B2F
232225
1A1A1C
121113
090909
000000
FFFFFF
F1F1F1
E2E2E3
D4D4D5
C6C5C7
B8B7BA
A9A8AC
9B9A9E
8D8B90
7E7D82
706E74
656368
5A585D
4E4D51
434246
38373A
2D2C2E
222123
161617
0B0B0C
000000
FFFFFF
F3F3F3
E7E7E8
DBDBDC
CFCFD1
C4C3C5
B8B6B9
ACAAAE
A09EA2
949297
88868B
7A797D
6D6B6F
5F5E61
525053
444346
363638
29282A
1B1B1C
0E0D0E
000000
FFFFFF
F5F5F6
ECECEC
E2E2E3
D9D8DA
CFCFD1
C5C5C7
BCBBBE
B2B1B5
A9A8AB
9F9EA2
8F8E92
7F7E82
6F6F71
5F5F61
504F51
403F41
302F31
202020
101010
000000
FFFFFF
F8F8F8
F1F0F1
E9E9EA
E2E2E3
DBDBDC
D4D3D5
CDCCCE
C5C5C7
BEBDC0
B7B6B9
A5A4A7
929294
807F82
6E6D6F
5C5B5D
49494A
373737
252425
121212
000000
FFFFFF
FAFAFA
F5F5F6
F1F0F1
ECEBEC
E7E7E8
E2E2E3
DDDDDE
D9D8D9
D4D3D5
CFCED0
BAB9BB
A6A5A6
919092
7C7C7D
686768
535253
3E3E3E
29292A
151515
000000
FFFFFF
FDFDFD
FAFAFA
F8F8F8
F5F5F5
F3F3F3
F1F0F1
EEEEEE
ECEBEC
E9E9E9
E7E6E7
D0CFD0
B9B8B9
A2A1A2
8B8A8B
747374
5C5C5C
454545
2E2E2E
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