Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/b0b6ca-b7bdcf-bfc4d4-c7cbd9-cfd3df-d7dae4-dfe1e9-e7e9ef-eff0f4-f7f7f9-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: B0B6CA
RGB: 176,182,202
Hex: B7BDCF
RGB: 183,189,207
Hex: BFC4D4
RGB: 191,196,212
Hex: C7CBD9
RGB: 199,203,217
Hex: CFD3DF
RGB: 207,211,223
Hex: D7DAE4
RGB: 215,218,228
Hex: DFE1E9
RGB: 223,225,233
Hex: E7E9EF
RGB: 231,233,239
Hex: EFF0F4
RGB: 239,240,244
Hex: F7F7F9
RGB: 247,247,249
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
F7F8FA
EFF0F4
E7E9EF
DFE2EA
D8DBE5
D0D3DF
C8CCDA
C0C5D5
B8BDCF
B0B6CA
9EA4B6
8D92A2
7B7F8D
6A6D79
585B65
464951
35373D
232428
121214
000000
FFFFFF
F8F8FA
F1F2F5
E9EBF1
E2E5EC
DBDEE7
D4D7E2
CDD1DD
C5CAD9
BEC4D4
B7BDCF
A5AABA
9297A6
808491
6E717C
5C5F68
494C53
37393E
252629
121315
000000
FFFFFF
F9F9FB
F2F3F6
ECEDF2
E5E7EE
DFE2EA
D9DCE5
D2D6E1
CCD0DD
C5CAD8
BFC4D4
ACB0BF
999DAA
868994
73767F
60626A
4C4E55
393B40
26272A
131415
000000
FFFFFF
F9FAFB
F4F5F7
EEEFF4
E9EAF0
E3E5EC
DDE0E8
D8DBE4
D2D5E1
CDD0DD
C7CBD9
B3B7C3
9FA2AE
8B8E98
777A82
64666D
505157
3C3D41
28292B
141416
000000
FFFFFF
FAFBFC
F5F6F9
F1F2F5
ECEDF2
E7E9EF
E2E5EC
DDE0E9
D9DCE5
D4D7E2
CFD3DF
BABEC9
A6A9B2
91949C
7C7F86
686A70
535459
3E3F43
292A2D
151516
000000
FFFFFF
FBFBFC
F7F8FA
F3F4F7
EFF0F4
EBEDF2
E7E9EF
E3E5EC
DFE1E9
DBDEE7
D7DAE4
C2C4CD
ACAEB6
9799A0
818389
6C6D72
56575B
404144
2B2C2E
151617
000000
FFFFFF
FCFCFD
F9F9FB
F5F6F8
F2F3F6
EFF0F4
ECEDF2
E9EAF0
E5E7ED
E2E4EB
DFE1E9
C9CBD2
B2B4BA
9C9EA3
86878C
707175
595A5D
434346
2D2D2F
161617
000000
FFFFFF
FDFDFD
FAFBFC
F8F8FA
F5F6F9
F3F4F7
F1F2F5
EEF0F4
ECEDF2
E9EBF1
E7E9EF
D0D2D7
B9BABF
A2A3A7
8B8C8F
747578
5C5D60
454648
2E2F30
171718
000000
FFFFFF
FDFEFE
FCFCFD
FAFBFC
F9F9FB
F7F8FA
F5F6F8
F4F5F7
F2F3F6
F1F2F5
EFF0F4
D7D8DC
BFC0C3
A7A8AB
8F9092
78787A
606062
484849
303031
181818
000000
FFFFFF
FEFEFE
FDFDFE
FDFDFD
FCFCFD
FBFBFC
FAFAFB
F9F9FB
F9F9FA
F8F8FA
F7F7F9
DEDEE0
C6C6C7
ADADAE
949495
7C7C7D
636364
4A4A4B
313132
191919
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