Color Palette Generator


Color Scheme

Color Name









Palette Link (Permalink): https://www.colorxs.com/palette/editor/10141e-212a40-334061-445683-556ca5-7588b8-97a5c9?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 10141E
RGB: 16,20,30
Hex: 212A40
RGB: 33,42,64
Hex: 334061
RGB: 51,64,97
Hex: 445683
RGB: 68,86,131
Hex: 556CA5
RGB: 85,108,165
Hex: 7588B8
RGB: 117,136,184
Hex: 97A5C9
RGB: 151,165,201
-100%
-90%
-80%
-70%
-60%
-50%
-40%
-30%
-20%
-10%
Original
10%
20%
30%
40%
50%
60%
70%
80%
90%
100%
FFFFFF
E7E8E9
CFD0D2
B7B9BC
9FA1A5
888A8F
707278
585B62
40434B
282C35
10141E
0E121B
0D1018
0B0E15
0A0C12
080A0F
06080C
050609
030406
020203
000000
FFFFFF
E9EAEC
D3D4D9
BCBFC6
A6AAB3
9095A0
7A7F8C
646A79
4D5566
373F53
212A40
1E263A
1A2233
171D2D
141926
111520
0D111A
0A0D13
07080D
030406
000000
FFFFFF
EBECEF
D6D9DF
C2C6D0
ADB3C0
99A0B0
858CA0
707990
5C6681
475371
334061
2E3A57
29334E
242D44
1F263A
1A2031
141A27
0F131D
0A0D13
05060A
000000
FFFFFF
ECEEF3
DADDE6
C7CCDA
B4BBCD
A2ABC1
8F9AB5
7C89A8
69789C
57678F
445683
3D4D76
364569
303C5C
29344F
222B42
1B2234
141A27
0E111A
07090D
000000
FFFFFF
EEF0F6
DDE2ED
CCD3E4
BBC4DB
AAB6D2
99A7C9
8898C0
7789B7
667BAE
556CA5
4D6195
445684
3B4C73
334163
2B3653
222B42
192031
111621
080B10
000000
FFFFFF
F1F3F8
E3E7F1
D6DBEA
C8CFE3
BAC4DC
ACB8D4
9EACCD
91A0C6
8394BF
7588B8
697AA6
5E6D93
525F81
46526E
3B445C
2F364A
232937
171B25
0C0E12
000000
FFFFFF
F5F6FA
EAEDF4
E0E4EF
D5DBE9
CBD2E4
C1C9DF
B6C0D9
ACB7D4
A1AECE
97A5C9
8895B5
7984A1
6A738D
5B6379
4C5365
3C4250
2D313C
1E2128
0F1014
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