Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/5be2f7-6be4f7-7be7f8-8ceaf9-9cedfa-adf0fb-bdf3fb-cdf6fc-def9fd-eefcfe-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 5BE2F7
RGB: 91,226,247
Hex: 6BE4F7
RGB: 107,228,247
Hex: 7BE7F8
RGB: 123,231,248
Hex: 8CEAF9
RGB: 140,234,249
Hex: 9CEDFA
RGB: 156,237,250
Hex: ADF0FB
RGB: 173,240,251
Hex: BDF3FB
RGB: 189,243,251
Hex: CDF6FC
RGB: 205,246,252
Hex: DEF9FD
RGB: 222,249,253
Hex: EEFCFE
RGB: 238,252,254
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
EFFCFE
DEF9FD
CEF6FD
BDF3FC
ADF1FB
9DEEFA
8CEBF9
7CE8F9
6BE5F8
5BE2F7
52CBDE
49B5C6
409EAD
378894
2E717C
245A63
1B444A
122D31
091719
000000
FFFFFF
F0FCFE
E1FAFD
D3F7FD
C4F4FC
B5F2FB
A6EFFA
97ECF9
89E9F9
7AE7F8
6BE4F7
60CDDE
56B6C6
4BA0AD
408994
36727C
2B5B63
20444A
152E31
0B1719
000000
FFFFFF
F2FDFE
E5FAFE
D7F8FD
CAF5FC
BDF3FC
B0F1FB
A3EEFA
95ECF9
88E9F9
7BE7F8
6FD0DF
62B9C6
56A2AE
4A8B95
3E747C
315C63
25454A
192E32
0C1719
000000
FFFFFF
F4FDFE
E8FBFE
DDF9FD
D1F7FD
C6F5FC
BAF2FB
AFF0FB
A3EEFA
98ECFA
8CEAF9
7ED3E0
70BBC7
62A4AE
548C95
46757D
385E64
2A464B
1C2F32
0E1719
000000
FFFFFF
F5FDFF
EBFBFE
E1FAFE
D7F8FD
CEF6FD
C4F4FC
BAF2FC
B0F1FB
A6EFFB
9CEDFA
8CD5E1
7DBEC8
6DA6AF
5E8E96
4E777D
3E5F64
2F474B
1F2F32
101819
000000
FFFFFF
F7FEFF
EFFCFE
E6FBFE
DEF9FD
D6F8FD
CEF6FD
C6F5FC
BDF3FC
B5F2FB
ADF0FB
9CD8E2
8AC0C9
79A8B0
689097
57787E
456064
34484B
233032
111819
000000
FFFFFF
F8FEFF
F2FDFE
EBFBFE
E5FAFD
DEF9FD
D7F8FD
D1F7FC
CAF5FC
C4F4FB
BDF3FB
AADBE2
97C2C9
84AAB0
719297
5F7A7E
4C6164
39494B
263132
131819
000000
FFFFFF
FAFEFF
F5FDFE
F0FCFE
EBFBFE
E6FBFE
E1FAFD
DCF9FD
D7F8FD
D2F7FC
CDF6FC
B9DDE3
A4C5CA
90ACB0
7B9497
677B7E
526265
3D4A4C
293132
141919
000000
FFFFFF
FCFEFF
F8FEFF
F5FDFE
F2FDFE
EFFCFE
EBFBFE
E8FBFE
E5FAFD
E1FAFD
DEF9FD
C8E0E4
B2C7CA
9BAEB1
859598
6F7D7F
596465
434B4C
2C3233
161919
000000
FFFFFF
FDFFFF
FCFEFF
FAFEFF
F8FEFF
F7FEFF
F5FDFE
F3FDFE
F1FDFE
F0FCFE
EEFCFE
D6E3E5
BECACB
A7B0B2
8F9798
777E7F
5F6566
474C4C
303233
181919
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