Color Palette Generator


Color Scheme

Color Name









Palette Link (Permalink): https://www.colorxs.com/palette/editor/223a4b-32566e-427191-558cb1-78a4c1-9bbbd1-bed3e1?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 223A4B
RGB: 34,58,75
Hex: 32566E
RGB: 50,86,110
Hex: 427191
RGB: 66,113,145
Hex: 558CB1
RGB: 85,140,177
Hex: 78A4C1
RGB: 120,164,193
Hex: 9BBBD1
RGB: 155,187,209
Hex: BED3E1
RGB: 190,211,225
-100%
-90%
-80%
-70%
-60%
-50%
-40%
-30%
-20%
-10%
Original
10%
20%
30%
40%
50%
60%
70%
80%
90%
100%
FFFFFF
E9EBED
D3D8DB
BDC4C9
A7B0B7
919DA5
7A8993
647581
4E616F
384E5D
223A4B
1F3444
1B2E3C
182935
14232D
111D26
0E171E
0A1116
070C0F
030607
000000
FFFFFF
EBEEF1
D6DDE2
C2CCD4
ADBBC5
99ABB7
849AA8
70899A
5B788B
47677D
32566E
2D4D63
284558
233C4D
1E3442
192B37
14222C
0F1A21
0A1116
05090B
000000
FFFFFF
ECF1F4
D9E3E9
C6D4DE
B3C6D3
A1B8C8
8EAABD
7B9CB2
688DA7
557F9C
427191
3B6683
355A74
2E4F66
284457
213949
1A2D3A
14222B
0D171D
070B0E
000000
FFFFFF
EEF4F7
DDE8EF
CCDDE8
BBD1E0
AAC6D8
99BAD0
88AFC8
77A3C1
6698B9
558CB1
4D7E9F
44708E
3B627C
33546A
2B4659
223847
192A35
111C23
080E12
000000
FFFFFF
F2F6F9
E4EDF3
D7E4EC
C9DBE6
BCD2E0
AEC8DA
A1BFD4
93B6CD
86ADC7
78A4C1
6C94AE
60839A
547387
486274
3C5261
30424D
24313A
182127
0C1013
000000
FFFFFF
F5F8FA
EBF1F6
E1EBF1
D7E4ED
CDDDE8
C3D6E3
B9CFDF
AFC9DA
A5C2D6
9BBBD1
8CA8BC
7C96A7
6D8392
5D707D
4E5E69
3E4B54
2E383F
1F252A
0F1315
000000
FFFFFF
F9FBFC
F2F6F9
ECF2F6
E5EDF3
DFE9F0
D8E5ED
D2E0EA
CBDCE7
C5D7E4
BED3E1
ABBECB
98A9B4
85949E
727F87
5F6A71
4C545A
393F43
262A2D
131516
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