Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/3e4f80-51608c-647299-7783a6-8b95b2-9ea7bf-b1b8cc-c5cad8-d8dbe5-ebedf2-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 3E4F80
RGB: 62,79,128
Hex: 51608C
RGB: 81,96,140
Hex: 647299
RGB: 100,114,153
Hex: 7783A6
RGB: 119,131,166
Hex: 8B95B2
RGB: 139,149,178
Hex: 9EA7BF
RGB: 158,167,191
Hex: B1B8CC
RGB: 177,184,204
Hex: C5CAD8
RGB: 197,202,216
Hex: D8DBE5
RGB: 216,219,229
Hex: EBEDF2
RGB: 235,237,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
ECEDF2
D8DCE6
C5CAD9
B2B9CC
9FA7C0
8B95B3
7884A6
657299
51618D
3E4F80
384773
323F66
2B375A
252F4D
1F2840
192033
131826
0C101A
06080D
000000
FFFFFF
EEEFF4
DCDFE8
CBCFDD
B9BFD1
A8B0C6
97A0BA
8590AF
7480A3
627098
51608C
49567E
414D70
394362
313A54
293046
202638
181D2A
10131C
080A0E
000000
FFFFFF
F0F1F5
E0E3EB
D1D5E0
C1C7D6
B2B9CC
A2AAC2
939CB8
838EAD
7480A3
647299
5A678A
505B7A
46506B
3C445C
32394D
282E3D
1E222E
14171F
0A0B0F
000000
FFFFFF
F1F3F6
E4E6ED
D6DAE4
C9CDDB
BBC1D3
ADB5CA
A0A8C1
929CB8
858FAF
7783A6
6B7695
5F6985
535C74
474F64
3C4253
303442
242732
181A21
0C0D11
000000
FFFFFF
F3F4F7
E8EAF0
DCDFE8
D1D5E0
C5CAD9
B9BFD1
AEB5C9
A2AAC1
97A0BA
8B95B2
7D86A0
6F778E
61687D
53596B
464B59
383C47
2A2D35
1C1E24
0E0F12
000000
FFFFFF
F5F6F9
ECEDF2
E2E5EC
D8DCE5
CFD3DF
C5CAD9
BBC1D2
B1B9CC
A8B0C5
9EA7BF
8E96AC
7E8699
6F7586
5F6473
4F5460
3F434C
2F3239
202126
101113
000000
FFFFFF
F7F8FA
EFF1F5
E8EAF0
E0E3EB
D8DCE6
D0D4E0
C8CDDB
C1C6D6
B9BFD1
B1B8CC
9FA6B8
8E93A3
7C818F
6A6E7A
595C66
474A52
35373D
232529
121214
000000
FFFFFF
F9FAFB
F3F4F7
EEEFF3
E8EAEF
E2E5EC
DCDFE8
D6DAE4
D1D5E0
CBCFDC
C5CAD8
B1B6C2
9EA2AD
8A8D97
767982
63656C
4F5156
3B3D41
27282B
141416
000000
FFFFFF
FBFBFC
F7F8FA
F3F4F7
EFF1F5
ECEDF2
E8E9EF
E4E6ED
E0E2EA
DCDFE8
D8DBE5
C2C5CE
ADAFB7
9799A0
828389
6C6E73
56585C
414245
2B2C2E
161617
000000
FFFFFF
FDFDFE
FBFBFC
F9FAFB
F7F8FA
F5F6F9
F3F4F7
F1F2F6
EFF1F5
EDEFF3
EBEDF2
D4D5DA
BCBEC2
A5A6A9
8D8E91
767779
5E5F61
464749
2F2F30
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