Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/1984bb-1676a8-146995-115c82-0f4f70-0c425d-09344a-072738-051a25-020d12-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 1984BB
RGB: 25,132,187
Hex: 1676A8
RGB: 22,118,168
Hex: 146995
RGB: 20,105,149
Hex: 115C82
RGB: 17,92,130
Hex: 0F4F70
RGB: 15,79,112
Hex: 0C425D
RGB: 12,66,93
Hex: 09344A
RGB: 9,52,74
Hex: 072738
RGB: 7,39,56
Hex: 051A25
RGB: 5,26,37
Hex: 020D12
RGB: 2,13,18
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
E8F3F8
D1E6F1
BADAEB
A3CEE4
8CC2DD
75B5D6
5EA9CF
479DC9
3090C2
1984BB
1777A8
146A96
125C83
0F4F70
0D425E
0A354B
072838
051A25
020D13
000000
FFFFFF
E8F1F6
D0E4EE
B9D6E5
A2C8DC
8BBBD4
73ADCB
5C9FC2
4591B9
2D84B1
1676A8
146A97
125E86
0F5376
0D4765
0B3B54
092F43
072332
041822
020C11
000000
FFFFFF
E8F0F4
D0E1EA
B9D2DF
A1C3D5
8AB4CA
72A5BF
5B96B5
4387AA
2C78A0
146995
125F86
105477
0E4A68
0C3F59
0A354B
082A3C
061F2D
04151E
020A0F
000000
FFFFFF
E7EFF3
CFDEE6
B8CEDA
A0BECD
88AEC1
709DB4
588DA8
417D9B
296C8F
115C82
0F5375
0E4A68
0C405B
0A374E
092E41
072534
051C27
03121A
02090D
000000
FFFFFF
E7EDF1
CFDCE2
B7CAD4
9FB9C6
87A7B8
6F95A9
57849B
3F728D
27617E
0F4F70
0E4765
0C3F5A
0B374E
092F43
082838
06202D
041822
031016
01080B
000000
FFFFFF
E7ECEF
CED9DF
B6C6CE
9EB3BE
86A1AE
6D8E9E
557B8E
3D687D
24556D
0C425D
0B3B54
0A354A
082E41
072838
06212F
051A25
04141C
020D13
010709
000000
FFFFFF
E6EBED
CED6DB
B5C2C9
9DAEB7
849AA5
6B8592
537180
3A5D6E
22485C
09344A
082F43
072A3B
062434
051F2C
051A25
04151E
031016
020A0F
010507
000000
FFFFFF
E6E9EB
CDD4D7
B5BEC3
9CA9AF
83939C
6A7D88
516874
395260
203D4C
072738
062332
061F2D
051B27
041722
04141C
031016
020C11
01080B
010406
000000
FFFFFF
E6E8E9
CDD1D3
B4BABE
9BA3A8
828D92
69767C
505F66
374851
1E313B
051A25
051721
04151E
04121A
031016
030D13
020A0F
01080B
010507
000304
000000
FFFFFF
E6E7E7
CCCFD0
B3B6B8
9A9EA0
818689
676E71
4E5659
353D41
1B252A
020D12
020C10
020A0E
01090D
01080B
010709
010507
010405
000304
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