Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/363746-30313f-2b2c38-252631-20212a-1b1b23-15161c-101015-0a0b0e-050507-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 363746
RGB: 54,55,70
Hex: 30313F
RGB: 48,49,63
Hex: 2B2C38
RGB: 43,44,56
Hex: 252631
RGB: 37,38,49
Hex: 20212A
RGB: 32,33,42
Hex: 1B1B23
RGB: 27,27,35
Hex: 15161C
RGB: 21,22,28
Hex: 101015
RGB: 16,16,21
Hex: 0A0B0E
RGB: 10,11,14
Hex: 050507
RGB: 5,5,7
Hex: 000000
RGB: 0,0,0
-100%
-90%
-80%
-70%
-60%
-50%
-40%
-30%
-20%
-10%
Original
10%
20%
30%
40%
50%
60%
70%
80%
90%
100%
FFFFFF
EBEBED
D7D7DA
C3C3C8
AFAFB5
9B9BA3
868790
72737E
5E5F6B
4A4B59
363746
31323F
2B2C38
262731
20212A
1B1C23
16161C
101015
0B0B0E
050507
000000
FFFFFF
EAEAEC
D6D6D9
C1C1C5
ACADB2
98989F
83838C
6E6F79
595A65
454652
30313F
2B2C39
262732
22222C
1D1D26
181920
131419
0E0F13
0A0A0D
050506
000000
FFFFFF
EAEAEB
D5D5D7
BFC0C3
AAABAF
95969C
808088
6B6B74
555660
40414C
2B2C38
272832
22232D
1E1F27
1A1A22
16161C
111216
0D0D11
09090B
040406
000000
FFFFFF
E9E9EA
D3D4D6
BEBEC1
A8A8AD
929398
7C7D83
66676F
51515A
3B3C46
252631
21222C
1E1E27
1A1B22
16171D
131319
0F0F14
0B0B0F
07080A
040405
000000
FFFFFF
E9E9EA
D2D3D4
BCBCBF
A6A6AA
909095
797A7F
63646A
4D4D55
36373F
20212A
1D1E26
1A1A22
16171D
131419
101115
0D0D11
0A0A0D
060708
030304
000000
FFFFFF
E8E8E9
D1D1D3
BBBBBD
A4A4A7
8D8D91
76767B
5F5F65
49494F
323239
1B1B23
181820
16161C
131319
101015
0E0E12
0B0B0E
08080A
050507
030303
000000
FFFFFF
E8E8E8
D0D0D2
B9B9BB
A1A2A4
8A8B8E
737377
5B5C60
444549
2C2D33
15161C
131419
111216
0F0F14
0D0D11
0B0B0E
08090B
060708
040406
020203
000000
FFFFFF
E7E7E8
CFCFD0
B7B7B9
9F9FA1
88888A
707073
58585B
404044
28282C
101015
0E0E13
0D0D11
0B0B0F
0A0A0D
08080B
060608
050506
030304
020202
000000
FFFFFF
E7E7E7
CECECF
B6B6B7
9D9D9F
858587
6C6D6E
545456
3B3C3E
232326
0A0B0E
090A0D
08090B
07080A
060708
050607
040406
030304
020203
010101
000000
FFFFFF
E6E6E6
CDCDCD
B4B4B5
9B9B9C
828283
69696A
505051
373739
1E1E20
050507
050506
040406
040405
030304
030304
020203
010102
010101
000001
000000
FFFFFF
E6E6E6
CCCCCC
B3B3B3
999999
808080
666666
4D4D4D
333333
1A1A1A
000000
000000
000000
000000
000000
000000
000000
000000
000000
000000
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