Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/23acfb-39b4fb-4fbdfc-65c5fc-7bcdfd-91d6fd-a7defd-bde6fe-d3eefe-e9f7ff-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 23ACFB
RGB: 35,172,251
Hex: 39B4FB
RGB: 57,180,251
Hex: 4FBDFC
RGB: 79,189,252
Hex: 65C5FC
RGB: 101,197,252
Hex: 7BCDFD
RGB: 123,205,253
Hex: 91D6FD
RGB: 145,214,253
Hex: A7DEFD
RGB: 167,222,253
Hex: BDE6FE
RGB: 189,230,254
Hex: D3EEFE
RGB: 211,238,254
Hex: E9F7FF
RGB: 233,247,255
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
E9F7FF
D3EEFE
BDE6FE
A7DEFD
91D6FD
7BCDFD
65C5FC
4FBDFC
39B4FB
23ACFB
209BE2
1C8AC9
1978B0
156797
12567E
0E4564
0A344B
072232
031119
000000
FFFFFF
EBF8FF
D7F0FE
C4E9FE
B0E1FD
9CDAFD
88D2FD
74CBFC
61C3FC
4DBCFB
39B4FB
33A2E2
2E90C9
287EB0
226C97
1D5A7E
174864
11364B
0B2432
061219
000000
FFFFFF
EDF8FF
DCF2FE
CAEBFE
B9E5FE
A7DEFE
95D7FD
84D1FD
72CAFD
61C4FC
4FBDFC
47AAE3
3F97CA
3784B0
2F7197
285F7E
204C65
18394C
102632
081319
000000
FFFFFF
F0F9FF
E0F3FE
D1EEFE
C1E8FE
B2E2FE
A3DCFD
93D6FD
84D1FD
74CBFC
65C5FC
5BB1E3
519ECA
478AB0
3D7697
33637E
284F65
1E3B4C
142732
0A1419
000000
FFFFFF
F2FAFF
E5F5FF
D7F0FE
CAEBFE
BDE6FE
B0E1FE
A3DCFE
95D7FD
88D2FD
7BCDFD
6FB9E4
62A4CA
5690B1
4A7B98
3E677F
315265
253D4C
192933
0C1419
000000
FFFFFF
F4FBFF
E9F7FF
DEF3FE
D3EFFE
C8EBFE
BDE6FE
B2E2FE
A7DEFD
9CDAFD
91D6FD
83C1E4
74ABCA
6696B1
578098
496B7F
3A5665
2B404C
1D2B33
0E1519
000000
FFFFFF
F6FCFF
EDF8FF
E5F5FE
DCF2FE
D3EFFE
CAEBFE
C1E8FE
B9E5FD
B0E1FD
A7DEFD
96C8E4
86B2CA
759BB1
648598
546F7F
435965
32434C
212C33
111619
000000
FFFFFF
F8FDFF
F2FAFF
EBF8FF
E5F5FF
DEF3FF
D7F0FE
D1EEFE
CAEBFE
C4E9FE
BDE6FE
AACFE5
97B8CB
84A1B2
718A98
5F737F
4C5C66
39454C
262E33
131719
000000
FFFFFF
FBFDFF
F6FCFF
F2FAFF
EDF8FF
E9F7FF
E5F5FE
E0F3FE
DCF1FE
D7F0FE
D3EEFE
BED6E5
A9BECB
94A7B2
7F8F98
6A777F
545F66
3F474C
2A3033
151819
000000
FFFFFF
FDFEFF
FBFDFF
F8FDFF
F6FCFF
F4FBFF
F2FAFF
F0F9FF
EDF9FF
EBF8FF
E9F7FF
D2DEE6
BAC6CC
A3ADB3
8C9499
757C80
5D6366
464A4C
2F3133
171919
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