Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/319abf-2c8aab-277b98-226b85-1d5c72-184d5f-133d4c-0e2e39-091e26-040f13-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 319ABF
RGB: 49,154,191
Hex: 2C8AAB
RGB: 44,138,171
Hex: 277B98
RGB: 39,123,152
Hex: 226B85
RGB: 34,107,133
Hex: 1D5C72
RGB: 29,92,114
Hex: 184D5F
RGB: 24,77,95
Hex: 133D4C
RGB: 19,61,76
Hex: 0E2E39
RGB: 14,46,57
Hex: 091E26
RGB: 9,30,38
Hex: 040F13
RGB: 4,15,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
EAF5F9
D6EBF2
C1E1EC
ADD7E5
98CDDF
83C2D9
6FB8D2
5AAECC
46A4C5
319ABF
2C8BAC
277B99
226C86
1D5C73
194D60
143E4C
0F2E39
0A1F26
050F13
000000
FFFFFF
EAF3F7
D5E8EE
C0DCE6
ABD0DD
96C5D5
80B9CD
6BADC4
56A1BC
4196B3
2C8AAB
287C9A
236E89
1F6178
1A5367
164556
123744
0D2933
091C22
040E11
000000
FFFFFF
E9F2F5
D4E5EA
BED7E0
A9CAD6
93BDCC
7DB0C1
68A3B7
5295AD
3D88A2
277B98
236F89
1F627A
1B566A
174A5B
143E4C
10313D
0C252E
08191E
040C0F
000000
FFFFFF
E9F0F3
D3E1E7
BDD3DA
A7C4CE
91B5C2
7AA6B6
6497AA
4E899D
387A91
226B85
1F6078
1B566A
184B5D
144050
113643
0E2B35
0A2028
07151B
030B0D
000000
FFFFFF
E8EFF1
D2DEE3
BBCED5
A5BEC7
8EAEB9
779DAA
618D9C
4A7D8E
346C80
1D5C72
1A5367
174A5B
144050
113744
0F2E39
0C252E
091C22
061217
03090B
000000
FFFFFF
E8EDEF
D1DBDF
BACACF
A3B8BF
8CA6AF
74949F
5D828F
46717F
2F5F6F
184D5F
164556
133E4C
113643
0E2E39
0C2730
0A1F26
07171C
050F13
020809
000000
FFFFFF
E7ECED
D0D8DB
B8C5C9
A1B1B7
899EA6
718B94
5A7782
426470
2B505E
133D4C
113744
0F313D
0D2B35
0B252E
0A1F26
08181E
061217
040C0F
020608
000000
FFFFFF
E7EAEB
CFD5D7
B7C0C4
9FABB0
87979C
6E8288
566D74
3E5861
26434D
0E2E39
0D2933
0B252E
0A2028
081C22
07171D
061217
040E11
03090B
010506
000000
FFFFFF
E6E9E9
CED2D4
B5BCBE
9DA5A8
848F93
6B787D
536267
3A4B51
22353C
091E26
081B22
07181E
06151B
051217
050F13
040C0F
03090B
020608
010304
000000
FFFFFF
E6E7E7
CDCFD0
B4B7B8
9B9FA1
828789
686F71
4F575A
363F42
1D272B
040F13
040E11
030C0F
030B0D
02090B
02080A
020608
010406
010304
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