Color Palette Generator


Color Scheme

Color Name









Palette Link (Permalink): https://www.colorxs.com/palette/editor/282a36-3e4153-545870-6a6f8d-868aa4-a3a6ba-c0c2d0?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 282A36
RGB: 40,42,54
Hex: 3E4153
RGB: 62,65,83
Hex: 545870
RGB: 84,88,112
Hex: 6A6F8D
RGB: 106,111,141
Hex: 868AA4
RGB: 134,138,164
Hex: A3A6BA
RGB: 163,166,186
Hex: C0C2D0
RGB: 192,194,208
-100%
-90%
-80%
-70%
-60%
-50%
-40%
-30%
-20%
-10%
Original
10%
20%
30%
40%
50%
60%
70%
80%
90%
100%
FFFFFF
EAEAEB
D4D4D7
BFBFC3
A9AAAF
94959B
7E7F86
696A72
53555E
3E3F4A
282A36
242631
20222B
1C1D26
181920
14151B
101116
0C0D10
08080B
040405
000000
FFFFFF
ECECEE
D8D9DD
C5C6CB
B2B3BA
9FA0A9
8B8D98
787A87
656775
515464
3E4153
383B4B
323442
2B2E3A
252732
1F212A
191A21
131319
0C0D11
060608
000000
FFFFFF
EEEEF1
DDDEE2
CCCDD4
BBBCC6
AAACB8
989BA9
878A9B
76798D
65697E
545870
4C4F65
43465A
3B3E4E
323543
2A2C38
22232D
191A22
111216
08090B
000000
FFFFFF
F0F1F4
E1E2E8
D2D4DD
C3C5D1
B5B7C6
A6A9BB
979AAF
888CA4
797D98
6A6F8D
5F647F
555971
4A4E63
404355
353847
2A2C38
20212A
15161C
0B0B0E
000000
FFFFFF
F3F3F6
E7E8ED
DBDCE4
CFD0DB
C3C5D2
B6B9C8
AAADBF
9EA1B6
9296AD
868AA4
797C94
6B6E83
5E6173
505362
434552
363742
282931
1B1C21
0D0E10
000000
FFFFFF
F6F6F8
EDEDF1
E3E4EA
DADBE3
D1D3DD
C8CAD6
BFC1CF
B5B8C8
ACAFC1
A3A6BA
9395A7
828595
727482
626470
52535D
41424A
313238
212125
101113
000000
FFFFFF
F9F9FA
F2F3F6
ECEDF1
E6E7EC
E0E1E8
D9DAE3
D3D4DE
CDCED9
C6C8D5
C0C2D0
ADAFBB
9A9BA6
868892
73747D
606168
4D4E53
3A3A3E
26272A
131315
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