Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/9bd0e1-8bbbca-7ca6b4-6c919d-5d7c87-4d6870-3e535a-2e3e43-1f292d-0f1416-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 9BD0E1
RGB: 155,208,225
Hex: 8BBBCA
RGB: 139,187,202
Hex: 7CA6B4
RGB: 124,166,180
Hex: 6C919D
RGB: 108,145,157
Hex: 5D7C87
RGB: 93,124,135
Hex: 4D6870
RGB: 77,104,112
Hex: 3E535A
RGB: 62,83,90
Hex: 2E3E43
RGB: 46,62,67
Hex: 1F292D
RGB: 31,41,45
Hex: 0F1416
RGB: 15,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
F5FAFC
EBF6F9
E1F1F6
D7ECF3
CDE8F0
C3E3ED
B9DEEA
AFD9E7
A5D5E4
9BD0E1
8CBBCB
7CA6B4
6D929E
5D7D87
4E6871
3E535A
2E3E43
1F2A2D
0F1516
000000
FFFFFF
F3F8FA
E8F1F4
DCEBEF
D1E4EA
C5DDE5
B9D6DF
AECFDA
A2C9D5
97C2CF
8BBBCA
7DA8B6
6F96A2
61838D
537079
465E65
384B51
2A383D
1C2528
0E1314
000000
FFFFFF
F2F6F8
E5EDF0
D8E4E9
CBDBE1
BED3DA
B0CAD2
A3C1CB
96B8C3
89AFBC
7CA6B4
7095A2
638590
57747E
4A646C
3E535A
324248
253236
192124
0C1112
000000
FFFFFF
F0F4F5
E2E9EB
D3DEE2
C4D3D8
B6C8CE
A7BDC4
98B2BA
89A7B1
7B9CA7
6C919D
61838D
56747E
4C666E
41575E
36494F
2B3A3F
202B2F
161D1F
0B0E10
000000
FFFFFF
EFF2F3
DFE5E7
CED8DB
BECBCF
AEBEC3
9EB0B7
8EA3AB
7D969F
6D8993
5D7C87
54707A
4A636C
41575F
384A51
2F3E44
253236
1C2528
13191B
090C0D
000000
FFFFFF
EDF0F1
DBE1E2
CAD2D4
B8C3C6
A6B4B8
94A4A9
82959B
71868D
5F777E
4D6870
455E65
3E535A
36494E
2E3E43
273438
1F2A2D
171F22
0F1516
080A0B
000000
FFFFFF
ECEEEF
D8DDDE
C5CBCE
B2BABD
9FA9AD
8B989C
78878C
65757B
51646B
3E535A
384B51
324248
2B3A3F
253236
1F2A2D
192124
13191B
0C1112
060809
000000
FFFFFF
EAECEC
D5D8D9
C0C5C7
ABB2B4
979FA1
828B8E
6D787B
586569
435156
2E3E43
29383C
253236
202B2F
1C2528
171F22
12191B
0E1314
090C0D
050607
000000
FFFFFF
E9EAEA
D2D4D5
BCBFC0
A5A9AB
8F9496
797F81
62696C
4C5457
353E42
1F292D
1C2529
192124
161D1F
13191B
101517
0C1012
090C0D
060809
030404
000000
FFFFFF
E7E8E8
CFD0D0
B7B9B9
9FA1A2
878A8B
6F7273
575B5C
3F4345
272C2D
0F1416
0E1214
0C1012
0B0E0F
090C0D
080A0B
060809
040607
030404
010202
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