Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/181e3d-2f3450-464b63-5d6177-74788a-8b8e9e-a2a5b1-b9bbc4-d0d2d8-e7e8eb-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 181E3D
RGB: 24,30,61
Hex: 2F3450
RGB: 47,52,80
Hex: 464B63
RGB: 70,75,99
Hex: 5D6177
RGB: 93,97,119
Hex: 74788A
RGB: 116,120,138
Hex: 8B8E9E
RGB: 139,142,158
Hex: A2A5B1
RGB: 162,165,177
Hex: B9BBC4
RGB: 185,187,196
Hex: D0D2D8
RGB: 208,210,216
Hex: E7E8EB
RGB: 231,232,235
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
E8E9EC
D1D2D8
BABCC5
A3A5B1
8C8F9E
74788B
5D6277
464B64
2F3550
181E3D
161B37
131831
11152B
0E1225
0C0F1F
0A0C18
070912
05060C
020306
000000
FFFFFF
EAEBEE
D5D6DC
C1C2CB
ACAEB9
979AA8
828596
6D7185
595D73
444862
2F3450
2A2F48
262A40
212438
1C1F30
181A28
131520
0E1018
090A10
050508
000000
FFFFFF
EDEDEF
DADBE0
C8C9D0
B5B7C1
A3A5B1
9093A1
7E8192
6B6F82
595D73
464B63
3F4459
383C4F
313545
2A2D3B
232632
1C1E28
15161E
0E0F14
07070A
000000
FFFFFF
EFEFF1
DFDFE4
CED0D6
BEC0C9
AEB0BB
9EA0AD
8E90A0
7D8192
6D7185
5D6177
54576B
4A4E5F
414453
383A47
2F313C
252730
1C1D24
131318
090A0C
000000
FFFFFF
F1F2F3
E3E4E8
D5D7DC
C7C9D0
BABCC5
ACAEB9
9EA1AD
9093A1
828696
74788A
686C7C
5D606E
515461
464853
3A3C45
2E3037
232429
17181C
0C0C0E
000000
FFFFFF
F3F4F5
E8E8EC
DCDDE2
D1D2D8
C5C7CF
B9BBC5
AEB0BB
A2A5B1
9799A8
8B8E9E
7D808E
6F727E
61636F
53555F
46474F
38393F
2A2B2F
1C1C20
0E0E10
000000
FFFFFF
F6F6F7
ECEDEF
E3E4E8
DADBE0
D1D2D8
C7C9D0
BEC0C8
B5B7C1
ABAEB9
A2A5B1
92959F
82848E
71737C
61636A
515359
414247
313135
202123
101012
000000
FFFFFF
F8F8F9
F1F1F3
EAEBED
E3E4E7
DCDDE2
D5D6DC
CECFD6
C7C9D0
C0C2CA
B9BBC4
A7A8B0
94969D
828389
6F7076
5D5E62
4A4B4E
37383B
252527
121314
000000
FFFFFF
FAFBFB
F6F6F7
F1F2F3
ECEDEF
E8E9EC
E3E4E8
DEE0E4
D9DBE0
D5D7DC
D0D2D8
BBBDC2
A6A8AD
929397
7D7E82
68696C
535456
3E3F41
2A2A2B
151516
000000
FFFFFF
FDFDFD
FAFAFB
F8F8F9
F5F6F7
F3F4F5
F1F1F3
EEEFF1
ECEDEF
E9EAED
E7E8EB
D0D1D4
B9BABC
A2A2A5
8B8B8D
747476
5C5D5E
454646
2E2E2F
171717
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