Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/33c9e9-2db4d1-28a0ba-238ca3-1e788b-196474-14505d-0f3c45-0a282e-051417-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 33C9E9
RGB: 51,201,233
Hex: 2DB4D1
RGB: 45,180,209
Hex: 28A0BA
RGB: 40,160,186
Hex: 238CA3
RGB: 35,140,163
Hex: 1E788B
RGB: 30,120,139
Hex: 196474
RGB: 25,100,116
Hex: 14505D
RGB: 20,80,93
Hex: 0F3C45
RGB: 15,60,69
Hex: 0A282E
RGB: 10,40,46
Hex: 051417
RGB: 5,20,23
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
EBFAFD
D6F4FB
C2EFF8
ADE9F6
99E4F4
85DFF2
70D9F0
5CD4ED
47CEEB
33C9E9
2EB5D2
29A1BA
248DA3
1F798C
1A6575
14505D
0F3C46
0A282F
051417
000000
FFFFFF
EAF8FA
D5F0F6
C0E9F1
ABE1ED
96DAE8
81D2E3
6CCBDF
57C3DA
42BCD6
2DB4D1
29A2BC
2490A7
1F7E92
1B6C7D
175A69
124854
0D363F
09242A
041215
000000
FFFFFF
EAF6F8
D4ECF1
BFE3EA
A9D9E3
94D0DD
7EC6D6
69BDCF
53B3C8
3EAAC1
28A0BA
2490A7
208095
1C7082
186070
14505D
10404A
0C3038
082025
041013
000000
FFFFFF
E9F4F6
D3E8ED
BDDDE3
A7D1DA
91C6D1
7BBAC8
65AFBF
4FA3B5
3998AC
238CA3
207E93
1C7082
196272
155462
124652
0E3841
0A2A31
071C21
030E10
000000
FFFFFF
E9F2F3
D2E4E8
BCD7DC
A5C9D1
8FBCC5
78AEB9
62A1AE
4B93A2
358697
1E788B
1B6C7D
18606F
155461
124853
0F3C46
0C3038
09242A
06181C
030C0E
000000
FFFFFF
E8F0F1
D1E0E3
BAD1D5
A3C1C7
8CB2BA
75A2AC
5E939E
478390
307482
196474
175A68
14505D
124651
0F3C46
0D323A
0A282E
071E23
051417
020A0C
000000
FFFFFF
E8EEEF
D0DCDF
B9CBCE
A1B9BE
8AA8AE
72969E
5B858E
43737D
2C626D
14505D
124854
10404A
0E3841
0C3038
0A282F
082025
06181C
041013
020809
000000
FFFFFF
E7ECEC
CFD8DA
B7C5C7
9FB1B5
879EA2
6F8A8F
57777D
3F636A
275058
0F3C45
0E363E
0C3037
0B2A30
092429
081E23
06181C
041215
030C0E
010607
000000
FFFFFF
E7EAEA
CED4D5
B6BFC0
9DA9AB
859497
6C7E82
54696D
3B5358
233E43
0A282E
092429
082025
071C20
06181C
051417
041012
030C0E
020809
010405
000000
FFFFFF
E6E8E8
CDD0D1
B4B9B9
9BA1A2
828A8B
697274
505B5D
374345
1E2C2E
051417
051215
041012
040E10
030C0E
030A0C
020809
010607
010405
000202
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