Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/023b4e-1b4e5f-346271-4d7583-678994-809da6-99b0b8-b3c4c9-ccd7db-e5ebed-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 023B4E
RGB: 2,59,78
Hex: 1B4E5F
RGB: 27,78,95
Hex: 346271
RGB: 52,98,113
Hex: 4D7583
RGB: 77,117,131
Hex: 678994
RGB: 103,137,148
Hex: 809DA6
RGB: 128,157,166
Hex: 99B0B8
RGB: 153,176,184
Hex: B3C4C9
RGB: 179,196,201
Hex: CCD7DB
RGB: 204,215,219
Hex: E5EBED
RGB: 229,235,237
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
E6EBED
CCD8DC
B3C4CA
9AB1B8
819DA7
678995
4E7683
356271
1B4F60
023B4E
023546
022F3E
012937
01232F
011E27
01181F
011217
000C10
000608
000000
FFFFFF
E8EDEF
D1DCDF
BBCACF
A4B8BF
8DA7AF
76959F
5F838F
49717F
32606F
1B4E5F
184656
163E4C
133743
102F39
0E2730
0B1F26
08171C
051013
030809
000000
FFFFFF
EBEFF1
D6E0E3
C2D0D4
AEC0C6
9AB1B8
85A1AA
71919C
5D818D
48727F
346271
2F5866
2A4E5A
24454F
1F3B44
1A3139
15272D
101D22
0A1417
050A0B
000000
FFFFFF
EDF1F3
DBE3E6
CAD6DA
B8C8CD
A6BAC1
94ACB5
829EA8
71919C
5F838F
4D7583
456976
3E5E69
36525C
2E464F
273B42
1F2F34
172327
0F171A
080C0D
000000
FFFFFF
F0F3F4
E1E7EA
D1DCDF
C2D0D4
B3C4CA
A4B8BF
95ACB4
85A1A9
76959F
678994
5D7B85
526E76
486068
3E5259
34454A
29373B
1F292C
151B1E
0A0E0F
000000
FFFFFF
F2F5F6
E6EBED
D9E2E4
CCD8DB
C0CED3
B3C4CA
A6BAC1
99B1B8
8DA7AF
809DA6
738D95
667E85
5A6E74
4D5E64
404F53
333F42
262F32
1A1F21
0D1011
000000
FFFFFF
F5F7F8
EBEFF1
E0E7EA
D6DFE3
CCD8DC
C2D0D4
B8C8CD
ADC0C6
A3B8BF
99B0B8
8A9EA6
7A8D93
6B7B81
5C6A6E
4D585C
3D464A
2E3537
1F2325
0F1212
000000
FFFFFF
F7F9FA
F0F3F4
E8EDEF
E1E7E9
D9E2E4
D1DCDF
CAD6D9
C2D0D4
BBCACE
B3C4C9
A1B0B5
8F9DA1
7D898D
6B7679
5A6265
484E50
363B3C
242728
121414
000000
FFFFFF
FAFBFB
F5F7F8
F0F3F4
EBEFF1
E6EBED
E0E7E9
DBE3E6
D6DFE2
D1DBDF
CCD7DB
B8C2C5
A3ACAF
8F9799
7A8183
666C6E
525658
3D4042
292B2C
141516
000000
FFFFFF
FCFDFD
FAFBFB
F7F9FA
F5F7F8
F2F5F6
EFF3F4
EDF1F2
EAEFF1
E8EDEF
E5EBED
CED4D5
B7BCBE
A0A5A6
898D8E
737677
5C5E5F
454647
2E2F2F
171718
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