Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/b7cfe3-a4bacc-92a5b5-80909e-6d7c88-5b6771-49525a-363e44-24292d-121416-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: B7CFE3
RGB: 183,207,227
Hex: A4BACC
RGB: 164,186,204
Hex: 92A5B5
RGB: 146,165,181
Hex: 80909E
RGB: 128,144,158
Hex: 6D7C88
RGB: 109,124,136
Hex: 5B6771
RGB: 91,103,113
Hex: 49525A
RGB: 73,82,90
Hex: 363E44
RGB: 54,62,68
Hex: 24292D
RGB: 36,41,45
Hex: 121416
RGB: 18,20,22
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
F8FAFC
F1F5F9
E9F1F7
E2ECF4
DBE7F1
D4E2EE
CDDDEB
C5D9E9
BED4E6
B7CFE3
A5BACC
92A6B6
80919F
6E7C88
5C6872
49535B
373E44
25292D
121517
000000
FFFFFF
F6F8FA
EDF1F5
E4EAF0
DBE3EB
D2DDE6
C8D6E0
BFCFDB
B6C8D6
ADC1D1
A4BACC
94A7B8
8395A3
73828F
62707A
525D66
424A52
31383D
212529
101314
000000
FFFFFF
F4F6F8
E9EDF0
DEE4E9
D3DBE1
C9D2DA
BEC9D3
B3C0CB
A8B7C4
9DAEBC
92A5B5
8395A3
758491
66737F
58636D
49535B
3A4248
2C3136
1D2124
0F1012
000000
FFFFFF
F2F4F5
E6E9EC
D9DEE2
CCD3D8
C0C8CF
B3BCC5
A6B1BB
99A6B1
8D9BA8
80909E
73828E
66737E
5A656F
4D565F
40484F
333A3F
262B2F
1A1D20
0D0E10
000000
FFFFFF
F0F2F3
E2E5E7
D3D8DB
C5CBCF
B6BEC4
A7B0B8
99A3AC
8A96A0
7C8994
6D7C88
62707A
57636D
4C575F
414A52
373E44
2C3236
212529
16191B
0B0C0E
000000
FFFFFF
EFF0F1
DEE1E3
CED1D4
BDC2C6
ADB3B8
9DA4AA
8C959C
7C858D
6B767F
5B6771
525D66
49525A
40484F
373E44
2E3439
24292D
1B1F22
121517
090A0B
000000
FFFFFF
EDEEEF
DBDCDE
C8CBCE
B6BABD
A4A9AD
92979C
80868C
6D757B
5B636B
49525A
424A51
3A4248
33393F
2C3136
25292D
1D2124
16191B
0F1012
070809
000000
FFFFFF
EBECEC
D7D8DA
C3C5C7
AFB2B4
9B9FA2
868B8F
72787C
5E6569
4A5157
363E44
31383D
2B3236
262B30
202529
1B1F22
16191B
101314
0B0C0E
050607
000000
FFFFFF
E9EAEA
D3D4D5
BDBFC0
A7A9AB
929496
7C7F81
66696C
505457
3A3E42
24292D
202529
1D2124
191D1F
16191B
121517
0E1012
0B0C0D
070809
040404
000000
FFFFFF
E7E8E8
D0D0D0
B8B9B9
A0A1A2
898A8B
717273
595B5C
414345
2A2C2D
121416
101214
0E1012
0D0E0F
0B0C0D
090A0B
070809
050607
040404
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