Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/86becb-78abb6-6b98a2-5d858e-507279-435f65-354b51-28393c-1a2628-0d1314-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 86BECB
RGB: 134,190,203
Hex: 78ABB6
RGB: 120,171,182
Hex: 6B98A2
RGB: 107,152,162
Hex: 5D858E
RGB: 93,133,142
Hex: 507279
RGB: 80,114,121
Hex: 435F65
RGB: 67,95,101
Hex: 354B51
RGB: 53,75,81
Hex: 28393C
RGB: 40,57,60
Hex: 1A2628
RGB: 26,38,40
Hex: 0D1314
RGB: 13,19,20
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
F3F9FA
E7F2F5
DBECEF
CFE5EA
C3DFE5
B6D8E0
AAD2DB
9ECBD5
92C5D0
86BECB
79ABB7
6B98A2
5E858E
50727A
435F66
364C51
28393D
1B2629
0D1314
000000
FFFFFF
F2F7F8
E4EEF0
D7E6E9
C9DDE2
BCD5DB
AECDD3
A1C4CC
93BCC5
86B3BD
78ABB6
6C9AA4
608992
54787F
48676D
3C565B
304449
243337
182224
0C1112
000000
FFFFFF
F0F5F6
E1EAEC
D3E0E3
C4D6DA
B5CCD1
A6C1C7
97B7BE
89ADB5
7AA2AB
6B98A2
608992
567A82
4B6A71
405B61
364C51
2B3D41
202E31
151E20
0B0F10
000000
FFFFFF
EFF3F4
DFE7E8
CEDADD
BECED2
AEC2C7
9EB6BB
8EAAB0
7D9DA5
6D9199
5D858E
547880
4A6A72
415D63
385055
2F4347
253539
1C282B
131B1C
090D0E
000000
FFFFFF
EEF1F2
DCE3E4
CBD5D7
B9C7C9
A8B9BC
96AAAF
859CA1
738E94
628086
507279
48676D
405B61
385055
304449
28393D
202E30
182224
101718
080B0C
000000
FFFFFF
ECEFF0
D9DFE0
C7CFD1
B4BFC1
A1AFB2
8E9FA3
7B8F93
697F84
566F74
435F65
3C565B
364C51
2F4347
28393D
223033
1B2628
141C1E
0D1314
07090A
000000
FFFFFF
EBEDEE
D7DBDC
C2C9CB
AEB7B9
9AA5A8
869397
728185
5D6F74
495D62
354B51
304449
2A3C41
253539
202D31
1B2629
151E20
101618
0B0F10
050708
000000
FFFFFF
EAEBEC
D4D7D8
BFC4C5
A9B0B1
949C9E
7E888A
697477
536163
3E4D50
28393C
243336
202E30
1C282A
182224
141D1E
101718
0C1112
080B0C
040606
000000
FFFFFF
E8E9EA
D1D4D4
BABEBF
A3A8A9
8D9394
767D7E
5F6769
485153
313C3E
1A2628
172224
151E20
121B1C
101718
0D1314
0A0F10
080B0C
050808
030404
000000
FFFFFF
E7E7E8
CFD0D0
B6B8B9
9EA1A1
86898A
6E7172
565A5B
3D4243
252B2C
0D1314
0C1112
0A0F10
090D0E
080B0C
070A0A
050808
040606
030404
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