Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/154e61-2c5f70-437180-5b8390-7294a0-8aa6b0-a1b8bf-b8c9cf-d0dbdf-e7edef-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 154E61
RGB: 21,78,97
Hex: 2C5F70
RGB: 44,95,112
Hex: 437180
RGB: 67,113,128
Hex: 5B8390
RGB: 91,131,144
Hex: 7294A0
RGB: 114,148,160
Hex: 8AA6B0
RGB: 138,166,176
Hex: A1B8BF
RGB: 161,184,191
Hex: B8C9CF
RGB: 184,201,207
Hex: D0DBDF
RGB: 208,219,223
Hex: E7EDEF
RGB: 231,237,239
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
E8EDEF
D0DCDF
B9CAD0
A1B8C0
8AA7B0
7395A0
5B8390
447181
2C6071
154E61
134657
113E4E
0F3744
0D2F3A
0B2731
081F27
06171D
041013
02080A
000000
FFFFFF
EAEFF1
D5DFE2
C0CFD4
ABBFC6
96AFB8
809FA9
6B8F9B
567F8D
416F7E
2C5F70
285665
234C5A
1F434E
1A3943
163038
12262D
0D1C22
091316
04090B
000000
FFFFFF
ECF1F2
D9E3E6
C7D4D9
B4C6CC
A1B8C0
8EAAB3
7B9CA6
698D99
567F8D
437180
3C6673
365A66
2F4F5A
28444D
223940
1B2D33
142226
0D171A
070B0D
000000
FFFFFF
EFF3F4
DEE6E9
CEDADE
BDCDD3
ADC1C8
9DB5BC
8CA8B1
7C9CA6
6B8F9B
5B8390
527682
496973
405C65
374F56
2E4248
24343A
1B272B
121A1D
090D0E
000000
FFFFFF
F1F4F6
E3EAEC
D5DFE3
C7D4D9
B9CAD0
AABFC6
9CB4BD
8EA9B3
809FAA
7294A0
678590
5B7680
506870
445960
394A50
2E3B40
222C30
171E20
0B0F10
000000
FFFFFF
F3F6F7
E8EDEF
DCE4E7
D0DBDF
C5D3D8
B9CAD0
ADC1C8
A1B8C0
96AFB8
8AA6B0
7C959E
6E858D
61747B
53646A
455358
374246
293235
1C2123
0E1112
000000
FFFFFF
F6F8F9
ECF1F2
E3EAEC
D9E3E5
D0DCDF
C7D4D9
BDCDD2
B4C6CC
AABFC5
A1B8BF
91A6AC
819399
718186
616E73
515C60
404A4C
303739
202526
101213
000000
FFFFFF
F8FAFA
F1F4F5
EAEFF1
E3E9EC
DCE4E7
D4DFE2
CDD9DD
C6D4D9
BFCED4
B8C9CF
A6B5BA
93A1A6
818D91
6E797C
5C6568
4A5053
373C3E
252829
121415
000000
FFFFFF
FAFBFC
F6F8F9
F1F4F5
ECF1F2
E8EDEF
E3E9EC
DEE6E9
D9E2E5
D5DFE2
D0DBDF
BBC5C9
A6AFB2
92999C
7D8386
686E70
535859
3E4243
2A2C2D
151616
000000
FFFFFF
FDFDFD
FAFBFC
F8FAFA
F5F8F9
F3F6F7
F1F4F5
EEF2F4
ECF1F2
E9EFF1
E7EDEF
D0D5D7
B9BEBF
A2A6A7
8B8E8F
747778
5C5F60
454748
2E2F30
171818
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