Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/2b7caf-4089b7-5596bf-6aa3c7-7fb0cf-95bdd7-aacadf-bfd7e7-d4e4ef-e9f1f7-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 2B7CAF
RGB: 43,124,175
Hex: 4089B7
RGB: 64,137,183
Hex: 5596BF
RGB: 85,150,191
Hex: 6AA3C7
RGB: 106,163,199
Hex: 7FB0CF
RGB: 127,176,207
Hex: 95BDD7
RGB: 149,189,215
Hex: AACADF
RGB: 170,202,223
Hex: BFD7E7
RGB: 191,215,231
Hex: D4E4EF
RGB: 212,228,239
Hex: E9F1F7
RGB: 233,241,247
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
EAF2F7
D5E5EF
BFD8E7
AACBDF
95BED7
80B0CF
6BA3C7
5596BF
4089B7
2B7CAF
27709E
22638C
1E577A
1A4A69
163E58
113246
0D2534
091923
040C11
000000
FFFFFF
ECF3F8
D9E7F1
C6DCE9
B3D0E2
A0C4DB
8CB8D4
79ACCD
66A1C5
5395BE
4089B7
3A7BA5
336E92
2D6080
26526E
20455C
1A3749
132937
0D1B25
060E12
000000
FFFFFF
EEF5F9
DDEAF2
CCE0EC
BBD5E5
AACBDF
99C0D9
88B6D2
77ABCC
66A1C5
5596BF
4D87AC
447899
3B6986
335A73
2B4B60
223C4C
192D39
111E26
080F13
000000
FFFFFF
F0F6F9
E1EDF4
D2E3EE
C3DAE9
B5D1E3
A6C8DD
97BFD8
88B5D2
79ACCD
6AA3C7
5F93B3
55829F
4A728B
406277
355264
2A4150
20313C
152128
0B1014
000000
FFFFFF
F2F7FA
E5EFF5
D9E7F1
CCDFEC
BFD8E7
B2D0E2
A5C8DD
99C0D9
8CB8D4
7FB0CF
729EBA
668DA6
597B91
4C6A7C
405868
334653
26353E
192329
0D1215
000000
FFFFFF
F4F8FB
EAF2F7
DFEBF3
D5E5EF
CADEEB
BFD7E7
B5D1E3
AACADF
A0C4DB
95BDD7
86AAC2
7797AC
688497
597181
4B5F6C
3C4C56
2D3940
1E262B
0F1315
000000
FFFFFF
F7FAFC
EEF4F9
E6EFF5
DDEAF2
D5E5EF
CCDFEC
C4DAE9
BBD5E5
B3CFE2
AACADF
99B6C9
88A2B2
778D9C
667986
556570
445159
333D43
22282D
111416
000000
FFFFFF
F9FBFD
F2F7FA
ECF3F8
E5EFF5
DFEBF3
D9E7F1
D2E3EE
CCDFEC
C5DBE9
BFD7E7
ACC2D0
99ACB9
8697A2
73818B
606C74
4C565C
394045
262B2E
131517
000000
FFFFFF
FBFCFD
F6FAFC
F2F7FA
EEF4F9
EAF2F7
E5EFF5
E1ECF4
DDE9F2
D8E7F1
D4E4EF
BFCDD7
AAB6BF
94A0A7
7F898F
6A7278
555B60
404448
2A2E30
151718
000000
FFFFFF
FDFEFE
FBFCFD
F8FBFD
F6F9FC
F4F8FB
F2F7FA
F0F5F9
EDF4F9
EBF2F8
E9F1F7
D2D9DE
BAC1C6
A3A9AD
8C9194
75797C
5D6063
46484A
2F3031
171819
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