Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/77d1fa-6bbce1-5fa7c8-5392af-477d96-3b687d-2f5364-233e4b-172932-0b1419-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 77D1FA
RGB: 119,209,250
Hex: 6BBCE1
RGB: 107,188,225
Hex: 5FA7C8
RGB: 95,167,200
Hex: 5392AF
RGB: 83,146,175
Hex: 477D96
RGB: 71,125,150
Hex: 3B687D
RGB: 59,104,125
Hex: 2F5364
RGB: 47,83,100
Hex: 233E4B
RGB: 35,62,75
Hex: 172932
RGB: 23,41,50
Hex: 0B1419
RGB: 11,20,25
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
F1FAFF
E4F6FE
D6F1FE
C9EDFD
BBE8FD
ADE3FC
A0DFFC
92DAFB
85D6FB
77D1FA
6BBCE1
5FA7C8
5392AF
477D96
3C697D
305464
243F4B
182A32
0C1519
000000
FFFFFF
F0F8FC
E1F2F9
D3EBF6
C4E4F3
B5DEF0
A6D7ED
97D0EA
89C9E7
7AC3E4
6BBCE1
60A9CB
5696B4
4B849E
407187
365E71
2B4B5A
203843
15262D
0B1316
000000
FFFFFF
EFF6FA
DFEDF4
CFE5EF
BFDCE9
AFD3E4
9FCADE
8FC1D9
7FB9D3
6FB0CE
5FA7C8
5696B4
4C86A0
43758C
396478
305464
264350
1C323C
132128
091114
000000
FFFFFF
EEF4F7
DDE9EF
CBDEE7
BAD3DF
A9C9D7
98BECF
87B3C7
75A8BF
649DB7
5392AF
4B839E
42758C
3A667A
325869
2A4958
213A46
192C34
111D23
080F11
000000
FFFFFF
EDF2F5
DAE5EA
C8D8E0
B5CBD5
A3BECB
91B1C0
7EA4B6
6C97AB
598AA1
477D96
407187
396478
325869
2B4B5A
243F4B
1C323C
15252D
0E191E
070C0F
000000
FFFFFF
EBF0F2
D8E1E5
C4D2D8
B1C3CB
9DB4BE
89A4B1
7695A4
628697
4F778A
3B687D
355E71
2F5364
294958
233E4B
1E343F
182A32
121F25
0C1519
060A0C
000000
FFFFFF
EAEEF0
D5DDE0
C1CBD1
ACBAC1
97A9B2
8298A2
6D8793
597583
446474
2F5364
2A4B5A
264250
213A46
1C323C
182A32
132128
0E191E
091114
05080A
000000
FFFFFF
E9ECED
D3D8DB
BDC5C9
A7B2B7
919FA5
7B8B93
657881
4F656F
39515D
233E4B
203844
1C323C
192B35
15252D
121F26
0E191E
0A1316
070C0F
030607
000000
FFFFFF
E8EAEB
D1D4D6
B9BFC2
A2A9AD
8B9499
747F84
5D6970
45545B
2E3E47
172932
15252D
122128
101D23
0E191E
0C1519
091014
070C0F
05080A
020405
000000
FFFFFF
E7E8E8
CED0D1
B6B9BA
9DA1A3
858A8C
6D7275
545B5E
3C4347
232C30
0B1419
0A1217
091014
080E12
070C0F
060A0D
04080A
030607
020405
010202
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