Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/196ac0-165fac-145499-114a86-0f3f73-0c3560-092a4c-071f39-051526-020a13-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 196AC0
RGB: 25,106,192
Hex: 165FAC
RGB: 22,95,172
Hex: 145499
RGB: 20,84,153
Hex: 114A86
RGB: 17,74,134
Hex: 0F3F73
RGB: 15,63,115
Hex: 0C3560
RGB: 12,53,96
Hex: 092A4C
RGB: 9,42,76
Hex: 071F39
RGB: 7,31,57
Hex: 051526
RGB: 5,21,38
Hex: 020A13
RGB: 2,10,19
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
E8F0F9
D1E1F2
BAD2EC
A3C3E6
8CB5E0
75A6D9
5E97D3
4788CD
3079C6
196AC0
175FAD
14559A
124A86
0F4073
0D3560
0A2A4D
07203A
051526
020B13
000000
FFFFFF
E8EFF7
D0DFEE
B9CFE6
A2BFDE
8BAFD6
739FCD
5C8FC5
457FBD
2D6FB4
165FAC
14569B
124C8A
0F4378
0D3967
0B3056
092645
071C34
041322
020911
000000
FFFFFF
E8EEF5
D0DDEB
B9CCE0
A1BBD6
8AAACC
7298C2
5B87B8
4376AD
2C65A3
145499
124C8A
10437A
0E3B6B
0C325C
0A2A4D
08223D
06192E
04111F
02080F
000000
FFFFFF
E7EDF3
CFDBE7
B8C9DB
A0B7CF
88A5C3
7092B6
5880AA
416E9E
295C92
114A86
0F4379
0E3B6B
0C345E
0A2C50
092543
071E36
051628
030F1B
02070D
000000
FFFFFF
E7ECF1
CFD9E3
B7C5D5
9FB2C7
879FB9
6F8CAB
57799D
3F658F
275281
0F3F73
0E3968
0C325C
0B2C51
092645
08203A
06192E
041322
030D17
01060B
000000
FFFFFF
E7EBEF
CED7DF
B6C2CF
9EAEBF
869AB0
6D86A0
557290
3D5D80
244970
0C3560
0B3056
0A2A4D
082543
07203A
061B30
051526
04101D
020B13
01050A
000000
FFFFFF
E6EAED
CED4DB
B5BFC9
9DAAB7
8495A6
6B7F94
536A82
3A5570
223F5E
092A4C
082644
07223D
061D35
05192E
051526
04111E
030D17
02080F
010408
000000
FFFFFF
E6E9EB
CDD2D7
B5BCC4
9CA5B0
838F9C
6A7988
516274
394C61
20354D
071F39
061C33
06192E
051628
041322
04101D
030C17
020911
01060B
010306
000000
FFFFFF
E6E8E9
CDD0D4
B4B9BE
9BA1A8
828A93
69737D
505B67
374451
1E2C3C
051526
051322
04111E
040F1B
030D17
030B13
02080F
01060B
010408
000204
000000
FFFFFF
E6E7E7
CCCED0
B3B6B8
9A9DA1
818589
676C71
4E545A
353B42
1B232B
020A13
020911
02080F
01070D
01060B
01050A
010408
010306
000204
000102
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