Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/ff0138-ff1a4b-ff335f-ff4d73-ff6687-ff809b-ff99af-ffb2c3-ffccd7-ffe5eb-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: FF0138
RGB: 255,1,56
Hex: FF1A4B
RGB: 255,26,75
Hex: FF335F
RGB: 255,51,95
Hex: FF4D73
RGB: 255,77,115
Hex: FF6687
RGB: 255,102,135
Hex: FF809B
RGB: 255,128,155
Hex: FF99AF
RGB: 255,153,175
Hex: FFB2C3
RGB: 255,178,195
Hex: FFCCD7
RGB: 255,204,215
Hex: FFE5EB
RGB: 255,229,235
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
FFE6EB
FFCCD7
FFB3C3
FF99AF
FF809C
FF6788
FF4D74
FF3460
FF1A4C
FF0138
E60132
CC012D
B30127
990122
80011C
660016
4C0011
33000B
190006
000000
FFFFFF
FFE8ED
FFD1DB
FFBAC9
FFA3B7
FF8DA5
FF7693
FF5F81
FF486F
FF315D
FF1A4B
E61744
CC153C
B31235
99102D
800D26
660A1E
4C0816
33050F
190307
000000
FFFFFF
FFEBEF
FFD6DF
FFC2CF
FFADBF
FF99AF
FF859F
FF708F
FF5C7F
FF476F
FF335F
E62E56
CC294C
B32443
991F39
801A30
661426
4C0F1C
330A13
190509
000000
FFFFFF
FFEDF1
FFDBE3
FFCAD5
FFB8C7
FFA6B9
FF94AB
FF829D
FF718F
FF5F81
FF4D73
E64568
CC3E5C
B33651
992E45
80273A
661F2E
4C1722
330F17
19080B
000000
FFFFFF
FFF0F3
FFE0E7
FFD1DB
FFC2CF
FFB3C3
FFA3B7
FF94AB
FF859F
FF7593
FF6687
E65C7A
CC526C
B3475F
993D51
803344
662936
4C1F28
33141B
190A0D
000000
FFFFFF
FFF2F5
FFE6EB
FFD9E1
FFCCD7
FFC0CD
FFB3C3
FFA6B9
FF99AF
FF8DA5
FF809B
E6738C
CC667C
B35A6D
994D5D
80404E
66333E
4C262E
331A1F
190D0F
000000
FFFFFF
FFF5F7
FFEBEF
FFE0E7
FFD6DF
FFCCD7
FFC2CF
FFB8C7
FFADBF
FFA3B7
FF99AF
E68A9E
CC7A8C
B36B7A
995C69
804D58
663D46
4C2E34
331F23
190F11
000000
FFFFFF
FFF7F9
FFF0F3
FFE8ED
FFE0E7
FFD9E1
FFD1DB
FFC9D5
FFC1CF
FFBAC9
FFB2C3
E6A0B0
CC8E9C
B37D89
996B75
805962
66474E
4C353A
332427
191213
000000
FFFFFF
FFFAFB
FFF5F7
FFF0F3
FFEBEF
FFE6EB
FFE0E7
FFDBE3
FFD6DF
FFD1DB
FFCCD7
E6B8C2
CCA3AC
B38F97
997A81
80666C
665256
4C3D40
33292B
191415
000000
FFFFFF
FFFCFD
FFFAFB
FFF7F9
FFF5F7
FFF2F5
FFEFF3
FFEDF1
FFEAEF
FFE8ED
FFE5EB
E6CED4
CCB7BC
B3A0A5
99898D
807376
665C5E
4C4546
332E2F
191717
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