Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/b2bdfb-a0aae1-8e97c8-7c84af-6a7196-595e7d-474b64-35384b-232532-111219-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: B2BDFB
RGB: 178,189,251
Hex: A0AAE1
RGB: 160,170,225
Hex: 8E97C8
RGB: 142,151,200
Hex: 7C84AF
RGB: 124,132,175
Hex: 6A7196
RGB: 106,113,150
Hex: 595E7D
RGB: 89,94,125
Hex: 474B64
RGB: 71,75,100
Hex: 35384B
RGB: 53,56,75
Hex: 232532
RGB: 35,37,50
Hex: 111219
RGB: 17,18,25
Hex: 000000
RGB: 0,0,0
-100%
-90%
-80%
-70%
-60%
-50%
-40%
-30%
-20%
-10%
Original
10%
20%
30%
40%
50%
60%
70%
80%
90%
100%
FFFFFF
F7F8FF
F0F2FE
E8EBFE
E0E5FD
D9DEFD
D1D7FD
C9D1FC
C1CAFC
BAC4FB
B2BDFB
A0AAE2
8E97C9
7D84B0
6B7197
595F7E
474C64
35394B
242632
121319
000000
FFFFFF
F6F7FC
ECEEF9
E3E6F6
D9DDF3
D0D5F0
C6CCED
BDC4EA
B3BBE7
AAB3E4
A0AAE1
9099CB
8088B4
70779E
606687
505571
40445A
303343
20222D
101116
000000
FFFFFF
F4F5FA
E8EAF4
DDE0EF
D2D5E9
C7CBE4
BBC1DE
B0B6D9
A5ACD3
99A1CE
8E97C8
8088B4
7279A0
636A8C
555B78
474C64
393C50
2B2D3C
1C1E28
0E0F14
000000
FFFFFF
F2F3F7
E5E6EF
D8DAE7
CBCEDF
BEC2D7
B0B5CF
A3A9C7
969DBF
8990B7
7C84AF
70779E
636A8C
575C7A
4A4F69
3E4258
323546
252834
191A23
0C0D11
000000
FFFFFF
F0F1F5
E1E3EA
D2D4E0
C3C6D5
B5B8CB
A6AAC0
979CB6
888DAB
797FA1
6A7196
5F6687
555A78
4A4F69
40445A
35394B
2A2D3C
20222D
15171E
0B0B0F
000000
FFFFFF
EEEFF2
DEDFE5
CDCFD8
BDBFCB
ACAFBE
9B9EB1
8B8EA4
7A7E97
6A6E8A
595E7D
505571
474B64
3E4258
35384B
2D2F3F
242632
1B1C25
121319
09090C
000000
FFFFFF
EDEDF0
DADBE0
C8C9D1
B5B7C1
A3A5B2
9193A2
7E8193
6C6F83
595D74
474B64
40445A
393C50
323546
2B2D3C
242632
1C1E28
15161E
0E0F14
07070A
000000
FFFFFF
EBEBED
D7D7DB
C2C3C9
AEAFB7
9A9CA5
868893
727481
5D606F
494C5D
35384B
303244
2A2D3C
252735
20222D
1B1C26
15161E
101116
0B0B0F
050607
000000
FFFFFF
E9E9EB
D3D3D6
BDBEC2
A7A8AD
919299
7B7C84
656670
4F515B
393B47
232532
20212D
1C1E28
191A23
15161E
121319
0E0F14
0A0B0F
07070A
030405
000000
FFFFFF
E7E7E8
CFD0D1
B8B8BA
A0A0A3
88898C
707175
58595E
414147
292A30
111219
0F1017
0E0E14
0C0D12
0A0B0F
09090D
07070A
050507
030405
020202
000000
FFFFFF
E6E6E6
CCCCCC
B3B3B3
999999
808080
666666
4D4D4D
333333
1A1A1A
000000
000000
000000
000000
000000
000000
000000
000000
000000
000000
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