Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/2a5b70-3f6b7e-547b8c-698c9a-7f9ca9-94adb7-a9bdc5-bfcdd4-d4dee2-e9eef0-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 2A5B70
RGB: 42,91,112
Hex: 3F6B7E
RGB: 63,107,126
Hex: 547B8C
RGB: 84,123,140
Hex: 698C9A
RGB: 105,140,154
Hex: 7F9CA9
RGB: 127,156,169
Hex: 94ADB7
RGB: 148,173,183
Hex: A9BDC5
RGB: 169,189,197
Hex: BFCDD4
RGB: 191,205,212
Hex: D4DEE2
RGB: 212,222,226
Hex: E9EEF0
RGB: 233,238,240
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
EAEFF1
D4DEE2
BFCED4
AABDC6
95ADB8
7F9DA9
6A8C9B
557C8D
3F6B7E
2A5B70
265265
22495A
1D404E
193743
152E38
11242D
0D1B22
081216
04090B
000000
FFFFFF
ECF0F2
D9E1E5
C5D3D8
B2C4CB
9FB5BF
8CA6B2
7997A5
658998
527A8B
3F6B7E
396071
325665
2C4B58
26404C
20363F
192B32
132026
0D1519
060B0D
000000
FFFFFF
EEF2F4
DDE5E8
CCD7DD
BBCAD1
AABDC6
98B0BA
87A3AF
7695A3
658898
547B8C
4C6F7E
436270
3B5662
324A54
2A3E46
223138
19252A
11191C
080C0E
000000
FFFFFF
F0F4F5
E1E8EB
D2DDE1
C3D1D7
B4C6CD
A5BAC2
96AFB8
87A3AE
7898A4
698C9A
5F7E8B
54707B
4A626C
3F545C
35464D
2A383E
1F2A2E
151C1F
0A0E0F
000000
FFFFFF
F2F5F6
E5EBEE
D9E1E5
CCD7DD
BFCED4
B2C4CB
A5BAC3
99B0BA
8CA6B2
7F9CA9
728C98
667D87
596D76
4C5E65
404E55
333E44
262F33
191F22
0D1011
000000
FFFFFF
F4F7F8
EAEFF1
DFE6E9
D4DEE2
CAD6DB
BFCED4
B4C6CD
A9BDC5
9FB5BE
94ADB7
859CA5
768A92
687980
59686E
4A575C
3B4549
2C3437
1E2325
0F1112
000000
FFFFFF
F6F8F9
EEF2F3
E5EBEE
DDE5E8
D4DEE2
CBD7DC
C3D1D6
BACAD1
B2C4CB
A9BDC5
98AAB1
87979E
76848A
657176
555F63
444C4F
33393B
222627
111314
000000
FFFFFF
F9FAFB
F2F5F6
ECF0F2
E5EBEE
DFE6EA
D9E1E5
D2DCE1
CCD7DD
C5D2D8
BFCDD4
ACB9BF
99A4AA
869094
737B7F
60676A
4C5255
393D40
26292A
131415
000000
FFFFFF
FBFCFC
F6F8F9
F2F5F6
EEF2F3
EAEFF1
E5EBEE
E1E8EB
DDE5E8
D8E1E5
D4DEE2
BFC8CB
AAB2B5
949B9E
7F8588
6A6F71
55595A
404344
2A2C2D
151617
000000
FFFFFF
FDFDFE
FBFCFC
F8FAFB
F6F8F9
F4F7F8
F2F5F6
F0F3F5
EDF1F3
EBF0F2
E9EEF0
D2D6D8
BABEC0
A3A7A8
8C8F90
757778
5D5F60
464748
2F3030
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