Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/186181-2f708d-46809a-5d90a6-74a0b3-8bb0c0-a2bfcc-b9cfd9-d0dfe5-e7eff2-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 186181
RGB: 24,97,129
Hex: 2F708D
RGB: 47,112,141
Hex: 46809A
RGB: 70,128,154
Hex: 5D90A6
RGB: 93,144,166
Hex: 74A0B3
RGB: 116,160,179
Hex: 8BB0C0
RGB: 139,176,192
Hex: A2BFCC
RGB: 162,191,204
Hex: B9CFD9
RGB: 185,207,217
Hex: D0DFE5
RGB: 208,223,229
Hex: E7EFF2
RGB: 231,239,242
Hex: FFFFFF
RGB: 255,255,255
-100%
-90%
-80%
-70%
-60%
-50%
-40%
-30%
-20%
-10%
Original
10%
20%
30%
40%
50%
60%
70%
80%
90%
100%
FFFFFF
E8EFF2
D1DFE6
BAD0D9
A3C0CD
8CB0C0
74A0B3
5D90A7
46819A
2F718E
186181
165774
134E67
11445A
0E3A4D
0C3141
0A2734
071D27
05131A
020A0D
000000
FFFFFF
EAF1F4
D5E2E8
C1D4DD
ACC6D1
97B8C6
82A9BB
6D9BAF
598DA4
447E98
2F708D
2A657F
265A71
214E63
1C4355
183847
132D38
0E222A
09161C
050B0E
000000
FFFFFF
EDF2F5
DAE6EB
C8D9E1
B5CCD7
A3C0CD
90B3C2
7EA6B8
6B99AE
598DA4
46809A
3F738B
38667B
315A6C
2A4D5C
23404D
1C333E
15262E
0E1A1F
070D0F
000000
FFFFFF
EFF4F6
DFE9ED
CEDEE4
BED3DB
AEC8D3
9EBCCA
8EB1C1
7DA6B8
6D9BAF
5D90A6
548295
4A7385
416574
385664
2F4853
253A42
1C2B32
131D21
090E11
000000
FFFFFF
F1F6F7
E3ECF0
D5E3E8
C7D9E1
BAD0D9
ACC6D1
9EBDCA
90B3C2
82AABB
74A0B3
6890A1
5D808F
51707D
46606B
3A505A
2E4048
233036
172024
0C1012
000000
FFFFFF
F3F7F9
E8EFF2
DCE7EC
D1DFE6
C5D8E0
B9D0D9
AEC8D3
A2C0CD
97B8C6
8BB0C0
7D9EAD
6F8D9A
617B86
536A73
465860
38464D
2A353A
1C2326
0E1213
000000
FFFFFF
F6F9FA
ECF2F5
E3ECF0
DAE5EB
D1DFE6
C7D9E0
BED2DB
B5CCD6
ABC5D1
A2BFCC
92ACB8
8299A3
71868F
61737A
516066
414C52
31393D
202629
101314
000000
FFFFFF
F8FAFB
F1F5F7
EAF1F4
E3ECF0
DCE7EC
D5E2E8
CEDDE4
C7D9E1
C0D4DD
B9CFD9
A7BAC3
94A6AE
829198
6F7C82
5D686D
4A5357
373E41
25292B
121516
000000
FFFFFF
FAFCFC
F6F9FA
F1F5F7
ECF2F5
E8EFF2
E3ECEF
DEE9ED
D9E5EA
D5E2E8
D0DFE5
BBC9CE
A6B2B7
929CA0
7D8689
687073
53595C
3E4345
2A2D2E
151617
000000
FFFFFF
FDFDFE
FAFCFC
F8FAFB
F5F9FA
F3F7F9
F1F5F7
EEF4F6
ECF2F5
E9F1F3
E7EFF2
D0D7DA
B9BFC2
A2A7A9
8B8F91
747879
5C6061
454849
2E3030
171818
000000
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
E6E6E6
CCCCCC
B3B3B3
999999
808080
666666
4C4C4C
333333
191919
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