Appearance
19 Purple Color Palettes
Explore 19 expertly curated purple color palettes, featuring diverse thematic schemes including royal, mystical, luxurious, and creative designs. A comprehensive color inspiration library for UI design, branding, and development projects.
Curated Purple Color Palettes
Browse 19 handpicked purple color palettes for various themes and applications, from royal to mystical designs.
Royal Purple
Deep rich purples associated with royalty, luxury, and nobility
Indigo
#4B0082
Medium Purple
#9370DB
Thistle
#D8BFD8
Pure White
#FFFFFF
Lavender
#E6E6FA
Monochromatic Purple
Single hue variations from pale lavender to deep violet
Very Pale Purple
#F3E5F5
Light Purple
#E1BEE7
Purple
#9C27B0
Deep Purple
#6A1B9A
Dark Purple
#4A148C
Neutral Purple
Versatile purple tones for creative, imaginative designs
Dark Indigo
#4B0082
Medium Purple
#9370DB
Pure White
#FFFFFF
Thistle
#D8BFD8
Lavender
#E6E6FA
Mystical Purple
Mysterious and magical purple tones for fantasy and spiritual designs
Deep Violet
#6A0DAD
Dark Violet
#9400D3
Orchid
#BA55D3
Plum
#DDA0DD
Thistle
#D8BFD8
Lavender Fields
Soft lavender tones inspired by blooming lavender fields
Lavender
#E6E6FA
Pale Lavender
#DCD0FF
Light Lavender
#B19CD9
Medium Lavender
#9370DB
Deep Lavender
#8A2BE2
Gothic Purple
Dark purple tones for gothic, mysterious, and dramatic designs
Deep Purple
#301934
Royal Purple
#7851A9
Dark Orchid
#9932CC
Medium Orchid
#BA55D3
Black
#000000
Vintage Purple
Retro purple tones inspired by vintage and nostalgic aesthetics
Vintage Violet
#8B00FF
Retro Purple
#9370DB
Mauve
#E0B0FF
Pale Lilac
#DCD0FF
Dark Plum
#8B668B
Purple-Pink Feminine
Feminine palette combining purple and pink tones
Deep Purple
#4B0082
Orchid
#DA70D6
Thistle
#D8BFD8
Pure White
#FFFFFF
Deep Pink
#FF1493
Purple-Blue Creative
Creative combination of purple and blue for imaginative designs
Indigo
#4B0082
Blue Violet
#8A2BE2
Medium Slate Blue
#7B68EE
Light Blue
#ADD8E6
White
#FFFFFF
Purple-Green Earthy
Earthy combination of purple and green for natural, mystical designs
Deep Purple
#6A0DAD
Sage Green
#9DC183
Moss Green
#8A9A5B
Lavender
#E6E6FA
Forest Green
#228B22
Purple-Gold Luxury
Luxurious combination of purple and gold for premium designs
Royal Purple
#7851A9
Gold
#FFD700
Light Purple
#D8BFD8
Cream
#FFFDD0
Dark Gold
#DAA520
Purple-White Clean
Clean combination of purple and white for modern designs
Deep Purple
#4B0082
Pure White
#FFFFFF
Off White
#F8F8FF
Light Lavender
#E6E6FA
Medium Purple
#9370DB
Purple-Black Elegant
Elegant combination of purple and black for sophisticated designs
Dark Purple
#301934
Jet Black
#000000
Medium Purple
#9370DB
Light Purple
#D8BFD8
Charcoal
#36454F
Purple-Orange Vibrant
Vibrant combination of purple and orange for energetic designs
Vibrant Purple
#8A2BE2
Orange
#FFA500
Light Orange
#FFDEAD
White
#FFFFFF
Dark Orange
#FF8C00
Purple-Teal Modern
Modern combination of purple and teal for contemporary designs
Deep Purple
#4B0082
Teal
#008080
Light Teal
#A6FFCB
Lavender
#E6E6FA
White
#FFFFFF
Purple-Gray Sophisticated
Sophisticated combination of purple and gray for professional designs
Medium Purple
#9370DB
Charcoal Gray
#36454F
Light Gray
#D3D3D3
White
#FFFFFF
Dark Purple
#4B0082
Purple-Red Dramatic
Dramatic combination of purple and red for bold designs
Royal Purple
#7851A9
Crimson
#DC143C
Light Pink
#FFB6C1
White
#FFFFFF
Dark Red
#8B0000
Purple-Yellow Creative
Creative complementary combination of purple and yellow
Deep Purple
#4B0082
Bright Yellow
#FFFF00
Light Yellow
#FFFFE0
Light Purple
#D8BFD8
Dark Yellow
#FFD700
Purple-Coral Tropical
Tropical combination of purple and coral for vibrant designs
Violet
#8A2BE2
Coral
#FF7F50
Light Coral
#F08080
Lavender
#E6E6FA
Dark Coral
#CD5B45
Generate Purple Color Palettes
Explore curated and automatically generated color palettes featuring purple. See how it harmonizes with other colors for UI themes, graphics, and branding materials.
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#DAF1FF
Light
#ACD2F3
Medium Light
#7AB5E7
Medium
#3498DB
Medium Dark
#2B6F9F
Dark
#214967
Darkest
#142634
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#3498DB
Left Dark
#76AEE2
Left Medium
#A4C5E9
Left Light
#CEDDEF
Neutral
#F5F5F5
Right Light
#F5D5C3
Right Medium
#F1B593
Right Dark
#E89664
Complementary End
#DB7734
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#A9CAED
Medium
#3498DB
Dark
#004D89
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#34DB77
Left Adjacent 1
#34DBCB
Main
#3498DB
Right Adjacent 1
#3445DB
Right Adjacent 2
#7734DB
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#3498DB
Complementary
#DB7734
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#3498DB
Secondary
#DB3498
Tertiary
#98DB34
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#3498DB
Right 90°
#CB34DB
Complementary
#DB7734
Left 90°
#45DB34
Tetradic
Two pairs of complementary colors
4 colors
Main
#3498DB
Secondary
#7734DB
Complementary
#DB7734
Complementary Secondary
#98DB34
Split Complementary
Complementary colors ±30°
3 colors
Main
#3498DB
Split Left
#DB3444
Split Right
#DBCB34
Cyclic
Circular gradient for periodic data
8 colors
0°
#3498DB
45°
#4D34DB
90°
#CB34DB
135°
#DB346E
180°
#DB7734
225°
#C2DB34
270°
#45DB34
315°
#34DBA1
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#A2B6C3
Pastel 1
#AFBFCB
Pastel 2
#BBC9D3
Pastel 3
#C7D3DB
Pastel 4
#D4DDE3
Deep Pastel
#E0E7EB
Extract Purple Color Palette from Image
Upload a photo to extract a purple color palette with HEX and RGB codes.
click or drag your image here
Supported formats: JPG, PNG, WebP
Purple Color Code Converter
Instantly convert between HEX, RGB, CMYK, and more.
All Formats:
- HEX:#ECB12E
- RGB:rgb(236, 177, 46)
- CMYK:cmyk(0%, 25%, 81%, 7%)
- HSV:hsv(41°, 81%, 93%)
- HSL:hsl(41°, 83%, 55%)
Other Purple Color Palette
Lavender Palette
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#EAEAFB
Light
#E9E8FB
Medium Light
#E7E7FA
Medium
#E6E6FA
Medium Dark
#B8ABEE
Dark
#8573E1
Darkest
#403DD3
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#E6E6FA
Left Dark
#EAEAF9
Left Medium
#EEEDF8
Left Light
#F1F1F6
Neutral
#F5F5F5
Right Light
#F6F6F1
Right Medium
#F8F7EE
Right Dark
#F9F9EA
Complementary End
#FAFAE6
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#F3F2FD
Medium
#E6E6FA
Dark
#6B6B7D
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#E6FAFA
Left Adjacent 1
#E6F0FA
Main
#E6E6FA
Right Adjacent 1
#F0E6FA
Right Adjacent 2
#FAE6FA
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#E6E6FA
Complementary
#FAFAE6
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#E6E6FA
Secondary
#FAE6E6
Tertiary
#E6FAE6
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#E6E6FA
Right 90°
#FAE6F0
Complementary
#FAFAE6
Left 90°
#E6FAF0
Tetradic
Two pairs of complementary colors
4 colors
Main
#E6E6FA
Secondary
#FAE6FA
Complementary
#FAFAE6
Complementary Secondary
#E6FAE6
Split Complementary
Complementary colors ±30°
3 colors
Main
#E6E6FA
Split Left
#FAF0E6
Split Right
#F0FAE6
Cyclic
Circular gradient for periodic data
8 colors
0°
#E6E6FA
45°
#F5E6FA
90°
#FAE6F0
135°
#FAEBE6
180°
#FAFAE6
225°
#EBFAE6
270°
#E6FAF0
315°
#E6F5FA
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#A3A3C2
Pastel 1
#AFAFCA
Pastel 2
#BCBCD2
Pastel 3
#C8C8DA
Pastel 4
#D4D4E2
Deep Pastel
#E0E0EB
Violet Palette
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#EBCBFF
Light
#D296FF
Medium Light
#B45EFF
Medium
#8F00FF
Medium Dark
#6509B4
Dark
#3E096E
Darkest
#1C022F
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#8F00FF
Left Dark
#B25BFE
Left Medium
#CD91FC
Left Light
#E3C3FA
Neutral
#F5F5F5
Right Light
#DCF9C6
Right Medium
#C0FC96
Right Dark
#9EFE62
Complementary End
#70FF00
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#D296FF
Medium
#8F00FF
Dark
#4700C1
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#0070FF
Left Adjacent 1
#0F00FF
Main
#8F00FF
Right Adjacent 1
#FF00F0
Right Adjacent 2
#FF0070
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#8F00FF
Complementary
#70FF00
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#8F00FF
Secondary
#FF8F00
Tertiary
#00FF8F
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#8F00FF
Right 90°
#FF0F00
Complementary
#70FF00
Left 90°
#00F0FF
Tetradic
Two pairs of complementary colors
4 colors
Main
#8F00FF
Secondary
#FF0070
Complementary
#70FF00
Complementary Secondary
#00FF8F
Split Complementary
Complementary colors ±30°
3 colors
Main
#8F00FF
Split Left
#F0FF00
Split Right
#00FF0F
Cyclic
Circular gradient for periodic data
8 colors
0°
#8F00FF
45°
#FF00B0
90°
#FF0F00
135°
#FFCF00
180°
#70FF00
225°
#00FF4F
270°
#00F0FF
315°
#0030FF
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#B59CC9
Pastel 1
#BFA9D1
Pastel 2
#C9B6D8
Pastel 3
#D3C3DF
Pastel 4
#DDD1E6
Deep Pastel
#E6DEED
Purple Palette
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FF47FF
Light
#D331D3
Medium Light
#A91BA9
Medium
#800080
Medium Dark
#5B0A5B
Dark
#380B39
Darkest
#1A001A
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#800080
Left Dark
#A0509D
Left Medium
#BE87BA
Left Light
#DABDD7
Neutral
#F5F5F5
Right Light
#C2D8BA
Right Medium
#8EBB80
Right Dark
#589D48
Complementary End
#008000
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#C38BBF
Medium
#800080
Dark
#58005A
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#000080
Left Adjacent 1
#400080
Main
#800080
Right Adjacent 1
#800040
Right Adjacent 2
#800000
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#800080
Complementary
#008000
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#800080
Secondary
#808000
Tertiary
#008080
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#800080
Right 90°
#804000
Complementary
#008000
Left 90°
#004080
Tetradic
Two pairs of complementary colors
4 colors
Main
#800080
Secondary
#800000
Complementary
#008000
Complementary Secondary
#008080
Split Complementary
Complementary colors ±30°
3 colors
Main
#800080
Split Left
#408000
Split Right
#008040
Cyclic
Circular gradient for periodic data
8 colors
0°
#800080
45°
#800020
90°
#804000
135°
#608000
180°
#008000
225°
#008060
270°
#004080
315°
#200080
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C99CC9
Pastel 1
#D1A9D1
Pastel 2
#D8B6D8
Pastel 3
#DFC3DF
Pastel 4
#E6D1E6
Deep Pastel
#EDDEED
Indigo Palette
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#B64CFF
Light
#9134D4
Medium Light
#6D1CAA
Medium
#4B0082
Medium Dark
#36095D
Dark
#220A3B
Darkest
#10001C
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#4B0082
Left Dark
#79469F
Left Medium
#A47EBC
Left Light
#CDB9D8
Neutral
#F5F5F5
Right Light
#C8D8BA
Right Medium
#9ABB81
Right Dark
#6C9E49
Complementary End
#378200
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#A883C0
Medium
#4B0082
Dark
#2E0068
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#003782
Left Adjacent 1
#0A0082
Main
#4B0082
Right Adjacent 1
#820078
Right Adjacent 2
#820037
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#4B0082
Complementary
#378200
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#4B0082
Secondary
#824B00
Tertiary
#00824B
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#4B0082
Right 90°
#820A00
Complementary
#378200
Left 90°
#007882
Tetradic
Two pairs of complementary colors
4 colors
Main
#4B0082
Secondary
#820037
Complementary
#378200
Complementary Secondary
#00824B
Split Complementary
Complementary colors ±30°
3 colors
Main
#4B0082
Split Left
#788200
Split Right
#00820A
Cyclic
Circular gradient for periodic data
8 colors
0°
#4B0082
45°
#820057
90°
#820A00
135°
#826B00
180°
#378200
225°
#00822A
270°
#007882
315°
#001782
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#B69CC9
Pastel 1
#C0A9D1
Pastel 2
#C9B6D8
Pastel 3
#D3C3DF
Pastel 4
#DDD1E6
Deep Pastel
#E7DEED
Plum Palette
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#F8EBF8
Light
#F0D2EF
Medium Light
#E7B9E6
Medium
#DDA0DD
Medium Dark
#BD7BBD
Dark
#9E579E
Darkest
#80327F
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#DDA0DD
Left Dark
#E4B5E3
Left Medium
#EACBE9
Left Light
#F0E0EF
Neutral
#F5F5F5
Right Light
#E0EFDF
Right Medium
#CBE9CA
Right Dark
#B6E3B5
Complementary End
#A0DDA0
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#EFCFEE
Medium
#DDA0DD
Dark
#79427A
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#A0A0DD
Left Adjacent 1
#BEA0DD
Main
#DDA0DD
Right Adjacent 1
#DDA0BF
Right Adjacent 2
#DDA0A0
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#DDA0DD
Complementary
#A0DDA0
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#DDA0DD
Secondary
#DDDDA0
Tertiary
#A0DDDD
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#DDA0DD
Right 90°
#DDBFA0
Complementary
#A0DDA0
Left 90°
#A0BEDD
Tetradic
Two pairs of complementary colors
4 colors
Main
#DDA0DD
Secondary
#DDA0A0
Complementary
#A0DDA0
Complementary Secondary
#A0DDDD
Split Complementary
Complementary colors ±30°
3 colors
Main
#DDA0DD
Split Left
#BFDDA0
Split Right
#A0DDBF
Cyclic
Circular gradient for periodic data
8 colors
0°
#DDA0DD
45°
#DDA0AF
90°
#DDBFA0
135°
#CEDDA0
180°
#A0DDA0
225°
#A0DDCE
270°
#A0BEDD
315°
#AFA0DD
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#BDA8BD
Pastel 1
#C6B3C6
Pastel 2
#CFBFCF
Pastel 3
#D8CBD8
Pastel 4
#E0D6E0
Deep Pastel
#E9E2E9
Orchid Palette
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FEE9FD
Light
#F4C2F0
Medium Light
#E89AE3
Medium
#DA70D6
Medium Dark
#B054AC
Dark
#883884
Darkest
#611E5E
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#DA70D6
Left Dark
#E393DE
Left Medium
#EAB4E6
Left Light
#F1D5EE
Neutral
#F5F5F5
Right Light
#D7EFD5
Right Medium
#B7E9B4
Right Dark
#96E294
Complementary End
#70DA74
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#EFB9EB
Medium
#DA70D6
Dark
#811681
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#7470DA
Left Adjacent 1
#A970DA
Main
#DA70D6
Right Adjacent 1
#DA70A1
Right Adjacent 2
#DA7470
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#DA70D6
Complementary
#70DA74
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#DA70D6
Secondary
#D6DA70
Tertiary
#70D6DA
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#DA70D6
Right 90°
#DAA970
Complementary
#70DA74
Left 90°
#70A1DA
Tetradic
Two pairs of complementary colors
4 colors
Main
#DA70D6
Secondary
#DA7470
Complementary
#70DA74
Complementary Secondary
#70D6DA
Split Complementary
Complementary colors ±30°
3 colors
Main
#DA70D6
Split Left
#A1DA70
Split Right
#70DAA9
Cyclic
Circular gradient for periodic data
8 colors
0°
#DA70D6
45°
#DA7086
90°
#DAA970
135°
#BCDA70
180°
#70DA74
225°
#70DAC3
270°
#70A1DA
315°
#8E70DA
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C0A5BF
Pastel 1
#C8B1C8
Pastel 2
#D1BDD0
Pastel 3
#D9C9D9
Pastel 4
#E2D5E1
Deep Pastel
#EAE1EA
Amethyst Palette
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#F4EBFE
Light
#D7BDEE
Medium Light
#B991DD
Medium
#9966CC
Medium Dark
#754B9E
Dark
#523272
Darkest
#321B49
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#9966CC
Left Dark
#B289D7
Left Medium
#C9ACE1
Left Light
#DFD0EB
Neutral
#F5F5F5
Right Light
#DFEBD1
Right Medium
#C9E1AD
Right Dark
#B2D68A
Complementary End
#99CC66
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#CEB1E6
Medium
#9966CC
Dark
#522685
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#6699CC
Left Adjacent 1
#6666CC
Main
#9966CC
Right Adjacent 1
#CC66CC
Right Adjacent 2
#CC6699
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#9966CC
Complementary
#99CC66
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#9966CC
Secondary
#CC9966
Tertiary
#66CC99
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#9966CC
Right 90°
#CC6666
Complementary
#99CC66
Left 90°
#66CCCC
Tetradic
Two pairs of complementary colors
4 colors
Main
#9966CC
Secondary
#CC6699
Complementary
#99CC66
Complementary Secondary
#66CC99
Split Complementary
Complementary colors ±30°
3 colors
Main
#9966CC
Split Left
#CCCC66
Split Right
#66CC66
Cyclic
Circular gradient for periodic data
8 colors
0°
#9966CC
45°
#CC66B2
90°
#CC6666
135°
#CCB366
180°
#99CC66
225°
#66CC80
270°
#66CCCC
315°
#6680CC
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#B3A7BE
Pastel 1
#BDB3C7
Pastel 2
#C7BECF
Pastel 3
#D1CAD8
Pastel 4
#DBD6E1
Deep Pastel
#E5E2E9
Lilac Palette
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#EEE2EE
Light
#E1CCE1
Medium Light
#D5B7D5
Medium
#C8A2C8
Medium Dark
#A47FA4
Dark
#825D81
Darkest
#603D60
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#C8A2C8
Left Dark
#D3B6D3
Left Medium
#DFCBDE
Left Light
#EAE0EA
Neutral
#F5F5F5
Right Light
#E0EAE0
Right Medium
#CBDFCB
Right Dark
#B7D3B6
Complementary End
#A2C8A2
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#E4D0E3
Medium
#C8A2C8
Dark
#6A486A
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#A2A2C8
Left Adjacent 1
#B5A2C8
Main
#C8A2C8
Right Adjacent 1
#C8A2B5
Right Adjacent 2
#C8A2A2
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#C8A2C8
Complementary
#A2C8A2
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#C8A2C8
Secondary
#C8C8A2
Tertiary
#A2C8C8
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#C8A2C8
Right 90°
#C8B5A2
Complementary
#A2C8A2
Left 90°
#A2B5C8
Tetradic
Two pairs of complementary colors
4 colors
Main
#C8A2C8
Secondary
#C8A2A2
Complementary
#A2C8A2
Complementary Secondary
#A2C8C8
Split Complementary
Complementary colors ±30°
3 colors
Main
#C8A2C8
Split Left
#B5C8A2
Split Right
#A2C8B5
Cyclic
Circular gradient for periodic data
8 colors
0°
#C8A2C8
45°
#C8A2AB
90°
#C8B5A2
135°
#BFC8A2
180°
#A2C8A2
225°
#A2C8BF
270°
#A2B5C8
315°
#ABA2C8
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#BAABBA
Pastel 1
#C3B6C3
Pastel 2
#CDC1CD
Pastel 3
#D6CDD6
Pastel 4
#DFD8DF
Deep Pastel
#E8E3E8
Mauve Palette
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#F5E5FF
Light
#EED4FF
Medium Light
#E7C2FF
Medium
#E0B0FF
Medium Dark
#C683F5
Dark
#AA53EA
Darkest
#890EDF
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#E0B0FF
Left Dark
#E6C1FD
Left Medium
#ECD3FA
Left Light
#F1E4F8
Neutral
#F5F5F5
Right Light
#ECF8E4
Right Medium
#E3FAD3
Right Dark
#D9FDC1
Complementary End
#CFFFB0
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#F1D7FF
Medium
#E0B0FF
Dark
#744B92
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#B0CFFF
Left Adjacent 1
#B8B0FF
Main
#E0B0FF
Right Adjacent 1
#FFB0F7
Right Adjacent 2
#FFB0CF
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#E0B0FF
Complementary
#CFFFB0
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#E0B0FF
Secondary
#FFE0B0
Tertiary
#B0FFE0
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#E0B0FF
Right 90°
#FFB8B0
Complementary
#CFFFB0
Left 90°
#B0F7FF
Tetradic
Two pairs of complementary colors
4 colors
Main
#E0B0FF
Secondary
#FFB0CF
Complementary
#CFFFB0
Complementary Secondary
#B0FFE0
Split Complementary
Complementary colors ±30°
3 colors
Main
#E0B0FF
Split Left
#F7FFB0
Split Right
#B0FFB8
Cyclic
Circular gradient for periodic data
8 colors
0°
#E0B0FF
45°
#FFB0E3
90°
#FFB8B0
135°
#FFF4B0
180°
#CFFFB0
225°
#B0FFCC
270°
#B0F7FF
315°
#B0BBFF
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#B79CC9
Pastel 1
#C1A9D1
Pastel 2
#CBB6D8
Pastel 3
#D4C3DF
Pastel 4
#DED1E6
Deep Pastel
#E7DEED
Royal Purple Palette
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#E4D8F2
Light
#C0A9DA
Medium Light
#9C7CC1
Medium
#7851A9
Medium Dark
#553A76
Dark
#332546
Darkest
#15101B
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#7851A9
Left Dark
#9878BC
Left Medium
#B8A1CF
Left Light
#D6CAE2
Neutral
#F5F5F5
Right Light
#D9E2CB
Right Medium
#BCCFA2
Right Dark
#A0BC79
Complementary End
#82A951
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#BCA5D4
Medium
#7851A9
Dark
#411F71
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#5182A9
Left Adjacent 1
#5156A9
Main
#7851A9
Right Adjacent 1
#A451A9
Right Adjacent 2
#A95182
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#7851A9
Complementary
#82A951
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#7851A9
Secondary
#A97851
Tertiary
#51A978
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#7851A9
Right 90°
#A95156
Complementary
#82A951
Left 90°
#51A9A4
Tetradic
Two pairs of complementary colors
4 colors
Main
#7851A9
Secondary
#A95182
Complementary
#82A951
Complementary Secondary
#51A978
Split Complementary
Complementary colors ±30°
3 colors
Main
#7851A9
Split Left
#A9A451
Split Right
#56A951
Cyclic
Circular gradient for periodic data
8 colors
0°
#7851A9
45°
#A95198
90°
#A95156
135°
#A98E51
180°
#82A951
225°
#51A962
270°
#51A9A4
315°
#516CA9
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#B2AABB
Pastel 1
#BCB6C4
Pastel 2
#C6C1CD
Pastel 3
#D1CCD6
Pastel 4
#DBD8DF
Deep Pastel
#E5E3E8