Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/274374-233c68-1f355c-1b2e51-172845-13213a-0f1a2e-0b1422-070d17-03060b-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 274374
RGB: 39,67,116
Hex: 233C68
RGB: 35,60,104
Hex: 1F355C
RGB: 31,53,92
Hex: 1B2E51
RGB: 27,46,81
Hex: 172845
RGB: 23,40,69
Hex: 13213A
RGB: 19,33,58
Hex: 0F1A2E
RGB: 15,26,46
Hex: 0B1422
RGB: 11,20,34
Hex: 070D17
RGB: 7,13,23
Hex: 03060B
RGB: 3,6,11
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
E9ECF1
D4D9E3
BEC7D5
A9B4C7
93A1BA
7D8EAC
687B9E
526990
3D5682
274374
233C68
1F365D
1B2F51
172846
14223A
101B2E
0C1423
080D17
04070C
000000
FFFFFF
E9ECF0
D3D8E1
BDC5D2
A7B1C3
919EB4
7B8AA4
657795
4F6386
395077
233C68
20365E
1C3053
192A49
15243E
121E34
0E182A
0A121F
070C15
03060A
000000
FFFFFF
E9EBEF
D2D7DE
BCC2CE
A5AEBE
8F9AAE
79869D
62728D
4C5D7D
35496C
1F355C
1C3053
192A4A
162540
132037
101B2E
0C1525
09101C
060B12
030509
000000
FFFFFF
E8EAEE
D1D5DC
BBC0CB
A4ABB9
8D97A8
768297
5F6D85
495874
324362
1B2E51
182949
162541
132039
101C31
0E1729
0B1220
080E18
050910
030508
000000
FFFFFF
E8EAEC
D1D4DA
B9BFC7
A2A9B5
8B94A2
747E8F
5D697D
45536A
2E3E58
172845
15243E
122037
101C30
0E1829
0C1423
09101C
070C15
05080E
020407
000000
FFFFFF
E7E9EB
D0D3D8
B8BCC4
A1A6B0
89909D
717A89
5A6475
424D61
2B374E
13213A
111E34
0F1A2E
0D1729
0B1423
0A111D
080D17
060A11
04070C
020306
000000
FFFFFF
E7E8EA
CFD1D5
B7BAC0
9FA3AB
878D97
6F7682
575F6D
3F4858
273143
0F1A2E
0E1729
0C1525
0B1220
09101C
080D17
060A12
04080E
030509
010305
000000
FFFFFF
E7E8E9
CED0D3
B6B9BD
9DA1A7
858A91
6D727A
545B64
3C434E
232C38
0B1422
0A121F
09101B
080E18
070C14
060A11
04080E
03060A
020407
010203
000000
FFFFFF
E6E7E8
CDCFD1
B5B6B9
9C9EA2
83868B
6A6E74
51565D
393D45
20252E
070D17
060C15
060A12
050910
04080E
04070C
030509
020407
010305
010102
000000
FFFFFF
E6E6E7
CDCDCE
B3B4B6
9A9B9D
818385
686A6D
4F5154
35383C
1C1F23
03060B
03050A
020509
020408
020407
020306
010204
010203
010102
000101
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