Appearance
30 Neon Color Palettes & Code
Explore 30 expertly curated neon color palettes, featuring vibrant, electric, and high-contrast designs for modern UI, branding, and digital art. A comprehensive color inspiration library for bold and energetic projects.
Neon Colors
Neon Pink →
HEX#FF00FF
RGBrgb(255, 0, 255)
Neon Green →
HEX#39FF14
RGBrgb(57, 255, 20)
Neon Yellow →
HEX#FFFF00
RGBrgb(255, 255, 0)
Neon Orange →
HEX#FF5F1F
RGBrgb(255, 95, 31)
Neon Cyan →
HEX#00FFFF
RGBrgb(0, 255, 255)
Neon Blue →
HEX#1F51FF
RGBrgb(31, 81, 255)
Neon Purple →
HEX#BF00FF
RGBrgb(191, 0, 255)
Hot Pink →
HEX#FF69B4
RGBrgb(255, 105, 180)
Electric Lime →
HEX#CCFF00
RGBrgb(204, 255, 0)
Neon Red →
HEX#FF3131
RGBrgb(255, 49, 49)
Electric Violet →
HEX#8F00FF
RGBrgb(143, 0, 255)
Neon Magenta →
HEX#FF00CC
RGBrgb(255, 0, 204)
Electric Orange →
HEX#FFA500
RGBrgb(255, 165, 0)
Neon Teal →
HEX#00FFBF
RGBrgb(0, 255, 191)
Electric Yellow →
HEX#FFFF33
RGBrgb(255, 255, 51)
Neon Coral →
HEX#FF7F50
RGBrgb(255, 127, 80)
Electric Blue →
HEX#007FFF
RGBrgb(0, 127, 255)
Neon Lavender →
HEX#E6E6FA
RGBrgb(230, 230, 250)
Electric Green →
HEX#00FF00
RGBrgb(0, 255, 0)
Neon Fuchsia →
HEX#FF00AF
RGBrgb(255, 0, 175)
Neon Color Palettes
Click on any color below to view a complete color palette generated from that base color. Each palette is algorithmically created to harmonize with the selected neon hue.
Neon Pink
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFCAFF
Light
#FF9FFF
Medium Light
#FF6CFF
Medium
#FF00FF
Medium Dark
#B407B4
Dark
#6F076F
Darkest
#310430
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FF00FF
Left Dark
#FF6DFE
Left Medium
#FFA0FB
Left Light
#FDCCF9
Neutral
#F5F5F5
Right Light
#D3FAC6
Right Medium
#ACFD96
Right Dark
#7AFE61
Complementary End
#00FF00
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFA5FF
Medium
#FF00FF
Dark
#A200A9
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#0000FF
Left Adjacent 1
#7F00FF
Main
#FF00FF
Right Adjacent 1
#FF0080
Right Adjacent 2
#FF0000
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FF00FF
Complementary
#00FF00
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FF00FF
Secondary
#FFFF00
Tertiary
#00FFFF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FF00FF
Right 90°
#FF8000
Complementary
#00FF00
Left 90°
#007FFF
Tetradic
Two pairs of complementary colors
4 colors
Main
#FF00FF
Secondary
#FF0000
Complementary
#00FF00
Complementary Secondary
#00FFFF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FF00FF
Split Left
#80FF00
Split Right
#00FF80
Cyclic
Circular gradient for periodic data
8 colors
0°
#FF00FF
45°
#FF0040
90°
#FF8000
135°
#BFFF00
180°
#00FF00
225°
#00FFBF
270°
#007FFF
315°
#4000FF
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
Neon Green
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#E1FFDB
Light
#BAFFA6
Medium Light
#8AFF6C
Medium
#39FF14
Medium Dark
#2DBD11
Dark
#207F0C
Darkest
#134607
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#39FF14
Left Dark
#84FE65
Left Medium
#B1FC98
Left Light
#D6F9C7
Neutral
#F5F5F5
Right Light
#F4CAF9
Right Medium
#EF9CFC
Right Dark
#E66AFE
Complementary End
#DA14FF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#B6FF9C
Medium
#39FF14
Dark
#008100
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FFDA14
Left Adjacent 1
#AEFF14
Main
#39FF14
Right Adjacent 1
#14FF65
Right Adjacent 2
#14FFDA
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#39FF14
Complementary
#DA14FF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#39FF14
Secondary
#1439FF
Tertiary
#FF1439
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#39FF14
Right 90°
#14AEFF
Complementary
#DA14FF
Left 90°
#FF6514
Tetradic
Two pairs of complementary colors
4 colors
Main
#39FF14
Secondary
#14FFDA
Complementary
#DA14FF
Complementary Secondary
#FF1439
Split Complementary
Complementary colors ±30°
3 colors
Main
#39FF14
Split Left
#6514FF
Split Right
#FF14AE
Cyclic
Circular gradient for periodic data
8 colors
0°
#39FF14
45°
#14FF9F
90°
#14AEFF
135°
#2A14FF
180°
#DA14FF
225°
#FF1474
270°
#FF6514
315°
#E9FF14
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#A3C99C
Pastel 1
#AFD1A9
Pastel 2
#BBD8B6
Pastel 3
#C8DFC3
Pastel 4
#D4E6D1
Deep Pastel
#E0EDDE
Neon Yellow
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFFFC5
Light
#FFFF97
Medium Light
#FFFF63
Medium
#FFFF00
Medium Dark
#B5B50F
Dark
#717010
Darkest
#333309
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FFFF00
Left Dark
#FFFC65
Left Medium
#FFFA99
Left Light
#FDF7C8
Neutral
#F5F5F5
Right Light
#D5BDFA
Right Medium
#AE87FD
Right Dark
#7B4FFF
Complementary End
#0000FF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFFF9E
Medium
#FFFF00
Dark
#6E7B00
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FF0000
Left Adjacent 1
#FF8000
Main
#FFFF00
Right Adjacent 1
#80FF00
Right Adjacent 2
#00FF00
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FFFF00
Complementary
#0000FF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FFFF00
Secondary
#00FFFF
Tertiary
#FF00FF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FFFF00
Right 90°
#00FF80
Complementary
#0000FF
Left 90°
#FF0080
Tetradic
Two pairs of complementary colors
4 colors
Main
#FFFF00
Secondary
#00FF00
Complementary
#0000FF
Complementary Secondary
#FF00FF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FFFF00
Split Left
#007FFF
Split Right
#7F00FF
Cyclic
Circular gradient for periodic data
8 colors
0°
#FFFF00
45°
#40FF00
90°
#00FF80
135°
#00BFFF
180°
#0000FF
225°
#BF00FF
270°
#FF0080
315°
#FF4000
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C9C99C
Pastel 1
#D1D1A9
Pastel 2
#D8D8B6
Pastel 3
#DFDFC3
Pastel 4
#E6E6D1
Deep Pastel
#EDEDDE
Neon Orange
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFEBE0
Light
#FFBFA0
Medium Light
#FF9161
Medium
#FF5F1F
Medium Dark
#C04718
Dark
#853010
Darkest
#4F1A06
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FF5F1F
Left Dark
#FF8856
Left Medium
#FFAD8A
Left Light
#FFD1BF
Neutral
#F5F5F5
Right Light
#D1E7F8
Right Medium
#A8DAFA
Right Dark
#78CCFD
Complementary End
#1FBFFF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFB28E
Medium
#FF5F1F
Dark
#9C0000
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FF1FBF
Left Adjacent 1
#FF1F4F
Main
#FF5F1F
Right Adjacent 1
#FFCF1F
Right Adjacent 2
#BFFF1F
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FF5F1F
Complementary
#1FBFFF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FF5F1F
Secondary
#1FFF5F
Tertiary
#5F1FFF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FF5F1F
Right 90°
#4FFF1F
Complementary
#1FBFFF
Left 90°
#CF1FFF
Tetradic
Two pairs of complementary colors
4 colors
Main
#FF5F1F
Secondary
#BFFF1F
Complementary
#1FBFFF
Complementary Secondary
#5F1FFF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FF5F1F
Split Left
#1FFFCF
Split Right
#1F4FFF
Cyclic
Circular gradient for periodic data
8 colors
0°
#FF5F1F
45°
#F7FF1F
90°
#4FFF1F
135°
#1FFF97
180°
#1FBFFF
225°
#271FFF
270°
#CF1FFF
315°
#FF1F87
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C9A99C
Pastel 1
#D1B4A9
Pastel 2
#D8C0B6
Pastel 3
#DFCBC3
Pastel 4
#E6D7D1
Deep Pastel
#EDE2DE
Neon Cyan
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#C2FFFF
Light
#9EFFFF
Medium Light
#70FFFF
Medium
#00FFFF
Medium Dark
#1AB5B5
Dark
#1A7070
Darkest
#113232
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#00FFFF
Left Dark
#7BFDFC
Left Medium
#ADFBFA
Left Light
#D3F8F7
Neutral
#F5F5F5
Right Light
#FFC8B8
Right Medium
#FF997D
Right Dark
#FF6544
Complementary End
#FF0000
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#B2FFFF
Medium
#00FFFF
Dark
#008082
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#00FF00
Left Adjacent 1
#00FF80
Main
#00FFFF
Right Adjacent 1
#007FFF
Right Adjacent 2
#0000FF
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#00FFFF
Complementary
#FF0000
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#00FFFF
Secondary
#FF00FF
Tertiary
#FFFF00
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#00FFFF
Right 90°
#7F00FF
Complementary
#FF0000
Left 90°
#80FF00
Tetradic
Two pairs of complementary colors
4 colors
Main
#00FFFF
Secondary
#0000FF
Complementary
#FF0000
Complementary Secondary
#FFFF00
Split Complementary
Complementary colors ±30°
3 colors
Main
#00FFFF
Split Left
#FF0080
Split Right
#FF8000
Cyclic
Circular gradient for periodic data
8 colors
0°
#00FFFF
45°
#0040FF
90°
#7F00FF
135°
#FF00BF
180°
#FF0000
225°
#FFBF00
270°
#80FF00
315°
#00FF40
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#9CC9C9
Pastel 1
#A9D1D1
Pastel 2
#B6D8D8
Pastel 3
#C3DFDF
Pastel 4
#D1E6E6
Deep Pastel
#DEEDED
Neon Blue
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#E3EBFF
Light
#B8B5FF
Medium Light
#8382FF
Medium
#1F51FF
Medium Dark
#173BC0
Dark
#0F2684
Darkest
#07134D
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#1F51FF
Left Dark
#7A77FE
Left Medium
#ABA0FC
Left Light
#D2CAF9
Neutral
#F5F5F5
Right Light
#FEEAC5
Right Medium
#FFE096
Right Dark
#FFD663
Complementary End
#FFCD1F
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#B0A4FF
Medium
#1F51FF
Dark
#0021C0
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#1FFFCD
Left Adjacent 1
#1FC1FF
Main
#1F51FF
Right Adjacent 1
#5D1FFF
Right Adjacent 2
#CD1FFF
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#1F51FF
Complementary
#FFCD1F
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#1F51FF
Secondary
#FF1F51
Tertiary
#51FF1F
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#1F51FF
Right 90°
#FF1FC1
Complementary
#FFCD1F
Left 90°
#1FFF5D
Tetradic
Two pairs of complementary colors
4 colors
Main
#1F51FF
Secondary
#CD1FFF
Complementary
#FFCD1F
Complementary Secondary
#51FF1F
Split Complementary
Complementary colors ±30°
3 colors
Main
#1F51FF
Split Left
#FF5D1F
Split Right
#C1FF1F
Cyclic
Circular gradient for periodic data
8 colors
0°
#1F51FF
45°
#951FFF
90°
#FF1FC1
135°
#FF251F
180°
#FFCD1F
225°
#89FF1F
270°
#1FFF5D
315°
#1FF9FF
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#9CA6C9
Pastel 1
#A9B2D1
Pastel 2
#B6BED8
Pastel 3
#C3C9DF
Pastel 4
#D1D5E6
Deep Pastel
#DEE1ED
Neon Purple
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#F5CAFF
Light
#E799FF
Medium Light
#D564FF
Medium
#BF00FF
Medium Dark
#8707B4
Dark
#53076E
Darkest
#250230
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#BF00FF
Left Dark
#D363FE
Left Medium
#E297FC
Left Light
#EEC7F9
Neutral
#F5F5F5
Right Light
#D6F9C6
Right Medium
#B3FC96
Right Dark
#87FE62
Complementary End
#40FF00
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#E79CFF
Medium
#BF00FF
Dark
#7300B7
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#0040FF
Left Adjacent 1
#4000FF
Main
#BF00FF
Right Adjacent 1
#FF00BF
Right Adjacent 2
#FF0040
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#BF00FF
Complementary
#40FF00
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#BF00FF
Secondary
#FFBF00
Tertiary
#00FFBF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#BF00FF
Right 90°
#FF3F00
Complementary
#40FF00
Left 90°
#00BFFF
Tetradic
Two pairs of complementary colors
4 colors
Main
#BF00FF
Secondary
#FF0040
Complementary
#40FF00
Complementary Secondary
#00FFBF
Split Complementary
Complementary colors ±30°
3 colors
Main
#BF00FF
Split Left
#C0FF00
Split Right
#00FF40
Cyclic
Circular gradient for periodic data
8 colors
0°
#BF00FF
45°
#FF0080
90°
#FF3F00
135°
#FFFF00
180°
#40FF00
225°
#00FF7F
270°
#00BFFF
315°
#0000FF
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#BE9CC9
Pastel 1
#C7A9D1
Pastel 2
#CFB6D8
Pastel 3
#D8C3DF
Pastel 4
#E1D1E6
Deep Pastel
#E9DEED
Hot Pink
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFCFE7
Light
#FFAFD6
Medium Light
#FF8EC5
Medium
#FF69B4
Medium Dark
#DC4E90
Dark
#BA326E
Darkest
#98114E
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FF69B4
Left Dark
#FF90C4
Left Medium
#FFB3D4
Left Light
#FCD5E4
Neutral
#F5F5F5
Right Light
#D8F9E5
Right Medium
#B9FBD4
Right Dark
#96FEC4
Complementary End
#69FFB4
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFB8D9
Medium
#FF69B4
Dark
#9D0060
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#B469FF
Left Adjacent 1
#FF69FF
Main
#FF69B4
Right Adjacent 1
#FF6969
Right Adjacent 2
#FFB469
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FF69B4
Complementary
#69FFB4
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FF69B4
Secondary
#B4FF69
Tertiary
#69B4FF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FF69B4
Right 90°
#FFFF69
Complementary
#69FFB4
Left 90°
#6969FF
Tetradic
Two pairs of complementary colors
4 colors
Main
#FF69B4
Secondary
#FFB469
Complementary
#69FFB4
Complementary Secondary
#69B4FF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FF69B4
Split Left
#69FF69
Split Right
#69FFFF
Cyclic
Circular gradient for periodic data
8 colors
0°
#FF69B4
45°
#FF8E69
90°
#FFFF69
135°
#8EFF69
180°
#69FFB4
225°
#69DAFF
270°
#6969FF
315°
#DA69FF
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C99CB3
Pastel 1
#D1A9BD
Pastel 2
#D8B6C7
Pastel 3
#DFC3D1
Pastel 4
#E6D1DB
Deep Pastel
#EDDEE5
Electric Lime
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#F4FFC6
Light
#EAFF96
Medium Light
#DCFF62
Medium
#CCFF00
Medium Dark
#92B50F
Dark
#5B700F
Darkest
#2A3308
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#CCFF00
Left Dark
#DBFD64
Left Medium
#E7FA98
Left Light
#F0F8C7
Neutral
#F5F5F5
Right Light
#D7BEFA
Right Medium
#B288FD
Right Dark
#8451FF
Complementary End
#3300FF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#ECFF9C
Medium
#CCFF00
Dark
#427E00
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FF3300
Left Adjacent 1
#FFB300
Main
#CCFF00
Right Adjacent 1
#4CFF00
Right Adjacent 2
#00FF33
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#CCFF00
Complementary
#3300FF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#CCFF00
Secondary
#00CCFF
Tertiary
#FF00CC
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#CCFF00
Right 90°
#00FFB3
Complementary
#3300FF
Left 90°
#FF004C
Tetradic
Two pairs of complementary colors
4 colors
Main
#CCFF00
Secondary
#00FF33
Complementary
#3300FF
Complementary Secondary
#FF00CC
Split Complementary
Complementary colors ±30°
3 colors
Main
#CCFF00
Split Left
#004CFF
Split Right
#B300FF
Cyclic
Circular gradient for periodic data
8 colors
0°
#CCFF00
45°
#0DFF00
90°
#00FFB3
135°
#008CFF
180°
#3300FF
225°
#F200FF
270°
#FF004C
315°
#FF7300
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C0C99C
Pastel 1
#C9D1A9
Pastel 2
#D1D8B6
Pastel 3
#D9DFC3
Pastel 4
#E2E6D1
Deep Pastel
#EAEDDE
Neon Red
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFE3E3
Light
#FFB0A5
Medium Light
#FF7A69
Medium
#FF3131
Medium Dark
#C72323
Dark
#921515
Darkest
#610805
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FF3131
Left Dark
#FF715F
Left Medium
#FFA08F
Left Light
#FFCBC1
Neutral
#F5F5F5
Right Light
#D5F8F7
Right Medium
#B0FBFA
Right Dark
#82FDFC
Complementary End
#31FFFF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFA493
Medium
#FF3131
Dark
#A30000
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FF31FF
Left Adjacent 1
#FF3198
Main
#FF3131
Right Adjacent 1
#FF9831
Right Adjacent 2
#FFFF31
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FF3131
Complementary
#31FFFF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FF3131
Secondary
#31FF31
Tertiary
#3131FF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FF3131
Right 90°
#98FF31
Complementary
#31FFFF
Left 90°
#9831FF
Tetradic
Two pairs of complementary colors
4 colors
Main
#FF3131
Secondary
#FFFF31
Complementary
#31FFFF
Complementary Secondary
#3131FF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FF3131
Split Left
#31FF98
Split Right
#3198FF
Cyclic
Circular gradient for periodic data
8 colors
0°
#FF3131
45°
#FFCC31
90°
#98FF31
135°
#31FF65
180°
#31FFFF
225°
#3164FF
270°
#9831FF
315°
#FF31CB
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C99C9C
Pastel 1
#D1A9A9
Pastel 2
#D8B6B6
Pastel 3
#DFC3C3
Pastel 4
#E6D1D1
Deep Pastel
#EDDEDE
Electric Violet
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
Neon Magenta
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFCAF8
Light
#FF9DE9
Medium Light
#FF6ADB
Medium
#FF00CC
Medium Dark
#B40890
Dark
#6F0859
Darkest
#300427
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FF00CC
Left Dark
#FF6BD7
Left Medium
#FF9EE1
Left Light
#FDCBEB
Neutral
#F5F5F5
Right Light
#D3FACA
Right Medium
#ABFD9E
Right Dark
#79FE6F
Complementary End
#00FF33
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFA3E6
Medium
#FF00CC
Dark
#A6007E
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#3300FF
Left Adjacent 1
#B300FF
Main
#FF00CC
Right Adjacent 1
#FF004C
Right Adjacent 2
#FF3300
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FF00CC
Complementary
#00FF33
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FF00CC
Secondary
#CCFF00
Tertiary
#00CCFF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FF00CC
Right 90°
#FFB300
Complementary
#00FF33
Left 90°
#004CFF
Tetradic
Two pairs of complementary colors
4 colors
Main
#FF00CC
Secondary
#FF3300
Complementary
#00FF33
Complementary Secondary
#00CCFF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FF00CC
Split Left
#4CFF00
Split Right
#00FFB3
Cyclic
Circular gradient for periodic data
8 colors
0°
#FF00CC
45°
#FF000D
90°
#FFB300
135°
#8CFF00
180°
#00FF33
225°
#00FFF2
270°
#004CFF
315°
#7300FF
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C99CC0
Pastel 1
#D1A9C9
Pastel 2
#D8B6D1
Pastel 3
#DFC3D9
Pastel 4
#E6D1E2
Deep Pastel
#EDDEEA
Electric Orange
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFEDC5
Light
#FFD48F
Medium Light
#FFBD57
Medium
#FFA500
Medium Dark
#B4760F
Dark
#6F4A10
Darkest
#312208
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FFA500
Left Dark
#FFB956
Left Medium
#FFCC8C
Left Light
#FFE0C0
Neutral
#F5F5F5
Right Light
#D1CCF9
Right Medium
#A8A4FC
Right Dark
#767EFE
Complementary End
#005AFF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFD191
Medium
#FFA500
Dark
#8B4600
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FF005A
Left Adjacent 1
#FF2500
Main
#FFA500
Right Adjacent 1
#DAFF00
Right Adjacent 2
#5AFF00
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FFA500
Complementary
#005AFF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FFA500
Secondary
#00FFA5
Tertiary
#A500FF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FFA500
Right 90°
#00FF25
Complementary
#005AFF
Left 90°
#FF00DA
Tetradic
Two pairs of complementary colors
4 colors
Main
#FFA500
Secondary
#5AFF00
Complementary
#005AFF
Complementary Secondary
#A500FF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FFA500
Split Left
#00DAFF
Split Right
#2500FF
Cyclic
Circular gradient for periodic data
8 colors
0°
#FFA500
45°
#9AFF00
90°
#00FF25
135°
#00FFE5
180°
#005AFF
225°
#6500FF
270°
#FF00DA
315°
#FF001A
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C9B99C
Pastel 1
#D1C3A9
Pastel 2
#D8CCB6
Pastel 3
#DFD5C3
Pastel 4
#E6DED1
Deep Pastel
#EDE8DE
Neon Teal
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#C3FFF2
Light
#9DFFE1
Medium Light
#6EFFD0
Medium
#00FFBF
Medium Dark
#15B588
Dark
#157055
Darkest
#0D3227
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#00FFBF
Left Dark
#77FECC
Left Medium
#A9FCDA
Left Light
#D1F9E7
Neutral
#F5F5F5
Right Light
#FFC8C4
Right Medium
#FF9A96
Right Dark
#FF6669
Complementary End
#FF0040
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#AEFFDF
Medium
#00FFBF
Dark
#00804C
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#40FF00
Left Adjacent 1
#00FF40
Main
#00FFBF
Right Adjacent 1
#00BFFF
Right Adjacent 2
#0040FF
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#00FFBF
Complementary
#FF0040
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#00FFBF
Secondary
#BF00FF
Tertiary
#FFBF00
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#00FFBF
Right 90°
#4000FF
Complementary
#FF0040
Left 90°
#C0FF00
Tetradic
Two pairs of complementary colors
4 colors
Main
#00FFBF
Secondary
#0040FF
Complementary
#FF0040
Complementary Secondary
#FFBF00
Split Complementary
Complementary colors ±30°
3 colors
Main
#00FFBF
Split Left
#FF00BF
Split Right
#FF3F00
Cyclic
Circular gradient for periodic data
8 colors
0°
#00FFBF
45°
#0080FF
90°
#4000FF
135°
#FF00FF
180°
#FF0040
225°
#FF7F00
270°
#C0FF00
315°
#00FF00
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#9CC9BE
Pastel 1
#A9D1C7
Pastel 2
#B6D8CF
Pastel 3
#C3DFD8
Pastel 4
#D1E6E1
Deep Pastel
#DEEDE9
Electric Yellow
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFFFDF
Light
#FFFFAD
Medium Light
#FFFF79
Medium
#FFFF33
Medium Dark
#C9C926
Dark
#96961A
Darkest
#66660E
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FFFF33
Left Dark
#FFFC71
Left Medium
#FFFAA0
Left Light
#FCF7CB
Neutral
#F5F5F5
Right Light
#D5C3FA
Right Medium
#B093FD
Right Dark
#8264FE
Complementary End
#3333FF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFFFA5
Medium
#FFFF33
Dark
#6F7B00
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FF3333
Left Adjacent 1
#FF9933
Main
#FFFF33
Right Adjacent 1
#99FF33
Right Adjacent 2
#33FF33
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FFFF33
Complementary
#3333FF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FFFF33
Secondary
#33FFFF
Tertiary
#FF33FF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FFFF33
Right 90°
#33FF99
Complementary
#3333FF
Left 90°
#FF3399
Tetradic
Two pairs of complementary colors
4 colors
Main
#FFFF33
Secondary
#33FF33
Complementary
#3333FF
Complementary Secondary
#FF33FF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FFFF33
Split Left
#3399FF
Split Right
#9933FF
Cyclic
Circular gradient for periodic data
8 colors
0°
#FFFF33
45°
#66FF33
90°
#33FF99
135°
#33CCFF
180°
#3333FF
225°
#CC33FF
270°
#FF3399
315°
#FF6633
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C9C99C
Pastel 1
#D1D1A9
Pastel 2
#D8D8B6
Pastel 3
#DFDFC3
Pastel 4
#E6E6D1
Deep Pastel
#EDEDDE
Neon Coral
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFEBE1
Light
#FFC7AF
Medium Light
#FFA47F
Medium
#FF7F50
Medium Dark
#D36137
Dark
#A9431E
Darkest
#802706
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FF7F50
Left Dark
#FF9E78
Left Medium
#FFBBA0
Left Light
#FFD8CA
Neutral
#F5F5F5
Right Light
#D5ECF8
Right Medium
#B2E3FA
Right Dark
#89D9FD
Complementary End
#50D0FF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFC0A5
Medium
#FF7F50
Dark
#962500
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FF50D0
Left Adjacent 1
#FF5079
Main
#FF7F50
Right Adjacent 1
#FFD650
Right Adjacent 2
#D0FF50
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FF7F50
Complementary
#50D0FF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FF7F50
Secondary
#50FF7F
Tertiary
#7F50FF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FF7F50
Right 90°
#79FF50
Complementary
#50D0FF
Left 90°
#D650FF
Tetradic
Two pairs of complementary colors
4 colors
Main
#FF7F50
Secondary
#D0FF50
Complementary
#50D0FF
Complementary Secondary
#7F50FF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FF7F50
Split Left
#50FFD6
Split Right
#5079FF
Cyclic
Circular gradient for periodic data
8 colors
0°
#FF7F50
45°
#FCFF50
90°
#79FF50
135°
#50FFAB
180°
#50D0FF
225°
#5350FF
270°
#D650FF
315°
#FF50A4
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C9A89C
Pastel 1
#D1B3A9
Pastel 2
#D8BFB6
Pastel 3
#DFCBC3
Pastel 4
#E6D6D1
Deep Pastel
#EDE2DE
Electric Blue
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#C6E6FF
Light
#9FC2FF
Medium Light
#6EA0FF
Medium
#007FFF
Medium Dark
#105AB3
Dark
#0F386D
Darkest
#08192E
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#007FFF
Left Dark
#739AFE
Left Medium
#A6B7FB
Left Light
#CFD6F9
Neutral
#F5F5F5
Right Light
#FFD8BD
Right Medium
#FFBB87
Right Dark
#FF9E50
Complementary End
#FF8000
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#ABBCFF
Medium
#007FFF
Dark
#003FB1
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#00FF80
Left Adjacent 1
#00FEFF
Main
#007FFF
Right Adjacent 1
#0000FF
Right Adjacent 2
#8000FF
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#007FFF
Complementary
#FF8000
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#007FFF
Secondary
#FF007F
Tertiary
#7FFF00
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#007FFF
Right 90°
#FF00FE
Complementary
#FF8000
Left 90°
#00FF01
Tetradic
Two pairs of complementary colors
4 colors
Main
#007FFF
Secondary
#8000FF
Complementary
#FF8000
Complementary Secondary
#7FFF00
Split Complementary
Complementary colors ±30°
3 colors
Main
#007FFF
Split Left
#FF0100
Split Right
#FEFF00
Cyclic
Circular gradient for periodic data
8 colors
0°
#007FFF
45°
#4000FF
90°
#FF00FE
135°
#FF003F
180°
#FF8000
225°
#BFFF00
270°
#00FF01
315°
#00FFC0
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#9CB2C9
Pastel 1
#A9BDD1
Pastel 2
#B6C7D8
Pastel 3
#C3D1DF
Pastel 4
#D1DBE6
Deep Pastel
#DEE5ED
Neon Lavender
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
Electric Green
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#C7FFC8
Light
#A3FF97
Medium Light
#74FF62
Medium
#00FF00
Medium Dark
#0BB50D
Dark
#0B700D
Darkest
#063206
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#00FF00
Left Dark
#7AFE61
Left Medium
#ACFD96
Left Light
#D3FAC6
Neutral
#F5F5F5
Right Light
#FDCCF9
Right Medium
#FFA0FB
Right Dark
#FF6DFE
Complementary End
#FF00FF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#B1FF9A
Medium
#00FF00
Dark
#008100
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FFFF00
Left Adjacent 1
#80FF00
Main
#00FF00
Right Adjacent 1
#00FF80
Right Adjacent 2
#00FFFF
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#00FF00
Complementary
#FF00FF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#00FF00
Secondary
#0000FF
Tertiary
#FF0000
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#00FF00
Right 90°
#007FFF
Complementary
#FF00FF
Left 90°
#FF8000
Tetradic
Two pairs of complementary colors
4 colors
Main
#00FF00
Secondary
#00FFFF
Complementary
#FF00FF
Complementary Secondary
#FF0000
Split Complementary
Complementary colors ±30°
3 colors
Main
#00FF00
Split Left
#7F00FF
Split Right
#FF0080
Cyclic
Circular gradient for periodic data
8 colors
0°
#00FF00
45°
#00FFBF
90°
#007FFF
135°
#4000FF
180°
#FF00FF
225°
#FF0040
270°
#FF8000
315°
#BFFF00
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#9CC99C
Pastel 1
#A9D1A9
Pastel 2
#B6D8B6
Pastel 3
#C3DFC3
Pastel 4
#D1E6D1
Deep Pastel
#DEEDDE
Neon Fuchsia
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFCAF2
Light
#FF9CDB
Medium Light
#FF69C5
Medium
#FF00AF
Medium Dark
#B4087C
Dark
#6E084C
Darkest
#300422
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FF00AF
Left Dark
#FF6AC0
Left Medium
#FF9DD2
Left Light
#FECAE3
Neutral
#F5F5F5
Right Light
#D2FACE
Right Medium
#AAFDA7
Right Dark
#78FE7E
Complementary End
#00FF50
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFA2D7
Medium
#FF00AF
Dark
#A70066
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#5000FF
Left Adjacent 1
#CF00FF
Main
#FF00AF
Right Adjacent 1
#FF0030
Right Adjacent 2
#FF5000
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FF00AF
Complementary
#00FF50
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FF00AF
Secondary
#AFFF00
Tertiary
#00AFFF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FF00AF
Right 90°
#FFCF00
Complementary
#00FF50
Left 90°
#0030FF
Tetradic
Two pairs of complementary colors
4 colors
Main
#FF00AF
Secondary
#FF5000
Complementary
#00FF50
Complementary Secondary
#00AFFF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FF00AF
Split Left
#30FF00
Split Right
#00FFD0
Cyclic
Circular gradient for periodic data
8 colors
0°
#FF00AF
45°
#FF1000
90°
#FFCF00
135°
#6FFF00
180°
#00FF50
225°
#00EFFF
270°
#0030FF
315°
#9000FF
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C99CBB
Pastel 1
#D1A9C4
Pastel 2
#D8B6CD
Pastel 3
#DFC3D6
Pastel 4
#E6D1DF
Deep Pastel
#EDDEE8
Electric Pink
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFDEF3
Light
#FFABD2
Medium Light
#FF73B2
Medium
#FF1493
Medium Dark
#BC116C
Dark
#7D0C47
Darkest
#430626
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FF1493
Left Dark
#FF6BAB
Left Medium
#FF9EC3
Left Light
#FFCADC
Neutral
#F5F5F5
Right Light
#D1F9D8
Right Medium
#A9FCBB
Right Dark
#78FE9E
Complementary End
#14FF80
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFA2C8
Medium
#FF1493
Dark
#A7004E
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#8014FF
Left Adjacent 1
#F614FF
Main
#FF1493
Right Adjacent 1
#FF141D
Right Adjacent 2
#FF8014
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FF1493
Complementary
#14FF80
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FF1493
Secondary
#93FF14
Tertiary
#1493FF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FF1493
Right 90°
#FFF514
Complementary
#14FF80
Left 90°
#141DFF
Tetradic
Two pairs of complementary colors
4 colors
Main
#FF1493
Secondary
#FF8014
Complementary
#14FF80
Complementary Secondary
#1493FF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FF1493
Split Left
#1DFF14
Split Right
#14FFF6
Cyclic
Circular gradient for periodic data
8 colors
0°
#FF1493
45°
#FF4514
90°
#FFF514
135°
#58FF14
180°
#14FF80
225°
#14CEFF
270°
#141DFF
315°
#BB14FF
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C99CB4
Pastel 1
#D1A9BE
Pastel 2
#D8B6C8
Pastel 3
#DFC3D2
Pastel 4
#E6D1DC
Deep Pastel
#EDDEE6
Neon Chartreuse
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#E3FFC6
Light
#C8FF96
Medium Light
#A7FF62
Medium
#7FFF00
Medium Dark
#5CB50E
Dark
#3B700E
Darkest
#1C3207
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#7FFF00
Left Dark
#A7FE62
Left Medium
#C5FB97
Left Light
#DFF9C6
Neutral
#F5F5F5
Right Light
#E1C2FA
Right Medium
#C78FFD
Right Dark
#A859FE
Complementary End
#8000FF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#CAFF9B
Medium
#7FFF00
Dark
#008000
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FF8000
Left Adjacent 1
#FEFF00
Main
#7FFF00
Right Adjacent 1
#00FF01
Right Adjacent 2
#00FF80
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#7FFF00
Complementary
#8000FF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#7FFF00
Secondary
#007FFF
Tertiary
#FF007F
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#7FFF00
Right 90°
#00FEFF
Complementary
#8000FF
Left 90°
#FF0100
Tetradic
Two pairs of complementary colors
4 colors
Main
#7FFF00
Secondary
#00FF80
Complementary
#8000FF
Complementary Secondary
#FF007F
Split Complementary
Complementary colors ±30°
3 colors
Main
#7FFF00
Split Left
#0000FF
Split Right
#FF00FE
Cyclic
Circular gradient for periodic data
8 colors
0°
#7FFF00
45°
#00FF40
90°
#00FEFF
135°
#003FFF
180°
#8000FF
225°
#FF00BF
270°
#FF0100
315°
#FFC000
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#B2C99C
Pastel 1
#BDD1A9
Pastel 2
#C7D8B6
Pastel 3
#D1DFC3
Pastel 4
#DBE6D1
Deep Pastel
#E5EDDE
Electric Cerise
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFC9D9
Light
#FF9BA3
Medium Light
#FF6670
Medium
#FF0040
Medium Dark
#B4092F
Dark
#6E091F
Darkest
#2F040E
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FF0040
Left Dark
#FF6669
Left Medium
#FF9A96
Left Light
#FFC8C4
Neutral
#F5F5F5
Right Light
#D1F9E7
Right Medium
#A9FCDA
Right Dark
#77FECC
Complementary End
#00FFBF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FF9F9A
Medium
#FF0040
Dark
#A60006
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#BF00FF
Left Adjacent 1
#FF00BF
Main
#FF0040
Right Adjacent 1
#FF4000
Right Adjacent 2
#FFBF00
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FF0040
Complementary
#00FFBF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FF0040
Secondary
#40FF00
Tertiary
#0040FF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FF0040
Right 90°
#C0FF00
Complementary
#00FFBF
Left 90°
#4000FF
Tetradic
Two pairs of complementary colors
4 colors
Main
#FF0040
Secondary
#FFBF00
Complementary
#00FFBF
Complementary Secondary
#0040FF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FF0040
Split Left
#00FF40
Split Right
#00BFFF
Cyclic
Circular gradient for periodic data
8 colors
0°
#FF0040
45°
#FF7F00
90°
#C0FF00
135°
#00FF00
180°
#00FFBF
225°
#0080FF
270°
#4000FF
315°
#FF00FF
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C99CA7
Pastel 1
#D1A9B3
Pastel 2
#D8B6BF
Pastel 3
#DFC3CA
Pastel 4
#E6D1D6
Deep Pastel
#EDDEE2
Neon Aqua
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#C3FFF2
Light
#9DFFE1
Medium Light
#6EFFD0
Medium
#00FFBF
Medium Dark
#15B588
Dark
#157055
Darkest
#0D3227
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#00FFBF
Left Dark
#77FECC
Left Medium
#A9FCDA
Left Light
#D1F9E7
Neutral
#F5F5F5
Right Light
#FFC8C4
Right Medium
#FF9A96
Right Dark
#FF6669
Complementary End
#FF0040
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#AEFFDF
Medium
#00FFBF
Dark
#00804C
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#40FF00
Left Adjacent 1
#00FF40
Main
#00FFBF
Right Adjacent 1
#00BFFF
Right Adjacent 2
#0040FF
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#00FFBF
Complementary
#FF0040
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#00FFBF
Secondary
#BF00FF
Tertiary
#FFBF00
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#00FFBF
Right 90°
#4000FF
Complementary
#FF0040
Left 90°
#C0FF00
Tetradic
Two pairs of complementary colors
4 colors
Main
#00FFBF
Secondary
#0040FF
Complementary
#FF0040
Complementary Secondary
#FFBF00
Split Complementary
Complementary colors ±30°
3 colors
Main
#00FFBF
Split Left
#FF00BF
Split Right
#FF3F00
Cyclic
Circular gradient for periodic data
8 colors
0°
#00FFBF
45°
#0080FF
90°
#4000FF
135°
#FF00FF
180°
#FF0040
225°
#FF7F00
270°
#C0FF00
315°
#00FF00
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#9CC9BE
Pastel 1
#A9D1C7
Pastel 2
#B6D8CF
Pastel 3
#C3DFD8
Pastel 4
#D1E6E1
Deep Pastel
#DEEDE9
Electric Amber
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFF2C5
Light
#FFE191
Medium Light
#FFD05B
Medium
#FFBF00
Medium Dark
#B5880F
Dark
#705510
Darkest
#322609
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FFBF00
Left Dark
#FFCC5A
Left Medium
#FFD990
Left Light
#FFE7C2
Neutral
#F5F5F5
Right Light
#D2C5FA
Right Medium
#AA97FD
Right Dark
#786BFE
Complementary End
#0040FF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFDE94
Medium
#FFBF00
Dark
#845700
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FF0040
Left Adjacent 1
#FF3F00
Main
#FFBF00
Right Adjacent 1
#C0FF00
Right Adjacent 2
#40FF00
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FFBF00
Complementary
#0040FF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FFBF00
Secondary
#00FFBF
Tertiary
#BF00FF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FFBF00
Right 90°
#00FF40
Complementary
#0040FF
Left 90°
#FF00BF
Tetradic
Two pairs of complementary colors
4 colors
Main
#FFBF00
Secondary
#40FF00
Complementary
#0040FF
Complementary Secondary
#BF00FF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FFBF00
Split Left
#00BFFF
Split Right
#4000FF
Cyclic
Circular gradient for periodic data
8 colors
0°
#FFBF00
45°
#80FF00
90°
#00FF40
135°
#00FFFF
180°
#0040FF
225°
#7F00FF
270°
#FF00BF
315°
#FF0000
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C9BE9C
Pastel 1
#D1C7A9
Pastel 2
#D8CFB6
Pastel 3
#DFD8C3
Pastel 4
#E6E1D1
Deep Pastel
#EDE9DE
Neon Ruby
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFC9E2
Light
#FF9BB6
Medium Light
#FF678D
Medium
#FF0066
Medium Dark
#B40849
Dark
#6E092E
Darkest
#300414
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FF0066
Left Dark
#FF6787
Left Medium
#FF9BAA
Left Light
#FFC9CF
Neutral
#F5F5F5
Right Light
#D1F9DE
Right Medium
#A8FCC7
Right Dark
#76FEB0
Complementary End
#00FF99
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFA0AF
Medium
#FF0066
Dark
#A70029
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#9900FF
Left Adjacent 1
#FF00E6
Main
#FF0066
Right Adjacent 1
#FF1A00
Right Adjacent 2
#FF9900
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FF0066
Complementary
#00FF99
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FF0066
Secondary
#66FF00
Tertiary
#0066FF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FF0066
Right 90°
#E6FF00
Complementary
#00FF99
Left 90°
#1900FF
Tetradic
Two pairs of complementary colors
4 colors
Main
#FF0066
Secondary
#FF9900
Complementary
#00FF99
Complementary Secondary
#0066FF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FF0066
Split Left
#00FF19
Split Right
#00E5FF
Cyclic
Circular gradient for periodic data
8 colors
0°
#FF0066
45°
#FF5900
90°
#E6FF00
135°
#26FF00
180°
#00FF99
225°
#00A6FF
270°
#1900FF
315°
#D900FF
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C99CAE
Pastel 1
#D1A9B9
Pastel 2
#D8B6C4
Pastel 3
#DFC3CE
Pastel 4
#E6D1D9
Deep Pastel
#EDDEE4
Electric Indigo
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#E2CBFF
Light
#C293FF
Medium Light
#9C5AFF
Medium
#6600FF
Medium Dark
#480BB4
Dark
#2C0B6E
Darkest
#15012F
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#6600FF
Left Dark
#9956FE
Left Medium
#BF8CFD
Left Light
#DCC1FA
Neutral
#F5F5F5
Right Light
#E4F8C6
Right Medium
#D0FB97
Right Dark
#B7FD63
Complementary End
#99FF00
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#C391FF
Medium
#6600FF
Dark
#0000C7
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#0099FF
Left Adjacent 1
#0019FF
Main
#6600FF
Right Adjacent 1
#E500FF
Right Adjacent 2
#FF0099
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#6600FF
Complementary
#99FF00
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#6600FF
Secondary
#FF6600
Tertiary
#00FF66
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#6600FF
Right 90°
#FF001A
Complementary
#99FF00
Left 90°
#00FFE6
Tetradic
Two pairs of complementary colors
4 colors
Main
#6600FF
Secondary
#FF0099
Complementary
#99FF00
Complementary Secondary
#00FF66
Split Complementary
Complementary colors ±30°
3 colors
Main
#6600FF
Split Left
#FFE500
Split Right
#1AFF00
Cyclic
Circular gradient for periodic data
8 colors
0°
#6600FF
45°
#FF00D9
90°
#FF001A
135°
#FFA600
180°
#99FF00
225°
#00FF26
270°
#00FFE6
315°
#0059FF
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#AE9CC9
Pastel 1
#B9A9D1
Pastel 2
#C4B6D8
Pastel 3
#CEC3DF
Pastel 4
#D9D1E6
Deep Pastel
#E4DEED
Neon Lime
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#F1FFC6
Light
#E4FF96
Medium Light
#D3FF62
Medium
#BFFF00
Medium Dark
#88B50F
Dark
#56700F
Darkest
#283308
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#BFFF00
Left Dark
#D2FD63
Left Medium
#E1FA97
Left Light
#EDF8C7
Neutral
#F5F5F5
Right Light
#D8BFFA
Right Medium
#B589FD
Right Dark
#8852FF
Complementary End
#4000FF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#E6FF9C
Medium
#BFFF00
Dark
#347F00
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FF4000
Left Adjacent 1
#FFC000
Main
#BFFF00
Right Adjacent 1
#3FFF00
Right Adjacent 2
#00FF40
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#BFFF00
Complementary
#4000FF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#BFFF00
Secondary
#00BFFF
Tertiary
#FF00BF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#BFFF00
Right 90°
#00FFC0
Complementary
#4000FF
Left 90°
#FF003F
Tetradic
Two pairs of complementary colors
4 colors
Main
#BFFF00
Secondary
#00FF40
Complementary
#4000FF
Complementary Secondary
#FF00BF
Split Complementary
Complementary colors ±30°
3 colors
Main
#BFFF00
Split Left
#0040FF
Split Right
#C000FF
Cyclic
Circular gradient for periodic data
8 colors
0°
#BFFF00
45°
#00FF00
90°
#00FFC0
135°
#007FFF
180°
#4000FF
225°
#FF00FF
270°
#FF003F
315°
#FF8000
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#BEC99C
Pastel 1
#C7D1A9
Pastel 2
#CFD8B6
Pastel 3
#D8DFC3
Pastel 4
#E1E6D1
Deep Pastel
#E9EDDE
Electric Scarlet
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFD1C8
Light
#FFA288
Medium Light
#FF6F4B
Medium
#FF2400
Medium Dark
#B41E0B
Dark
#6E160C
Darkest
#300B04
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FF2400
Left Dark
#FF6C45
Left Medium
#FF9D7E
Left Light
#FFCAB8
Neutral
#F5F5F5
Right Light
#D1EFF8
Right Medium
#A9E9FA
Right Dark
#77E2FD
Complementary End
#00DBFF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFA182
Medium
#FF2400
Dark
#A50000
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FF00DB
Left Adjacent 1
#FF005B
Main
#FF2400
Right Adjacent 1
#FFA400
Right Adjacent 2
#DBFF00
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FF2400
Complementary
#00DBFF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FF2400
Secondary
#00FF24
Tertiary
#2400FF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FF2400
Right 90°
#5CFF00
Complementary
#00DBFF
Left 90°
#A400FF
Tetradic
Two pairs of complementary colors
4 colors
Main
#FF2400
Secondary
#DBFF00
Complementary
#00DBFF
Complementary Secondary
#2400FF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FF2400
Split Left
#00FFA4
Split Right
#005CFF
Cyclic
Circular gradient for periodic data
8 colors
0°
#FF2400
45°
#FFE300
90°
#5CFF00
135°
#00FF64
180°
#00DBFF
225°
#001CFF
270°
#A400FF
315°
#FF009B
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C9A29C
Pastel 1
#D1AEA9
Pastel 2
#D8BBB6
Pastel 3
#DFC7C3
Pastel 4
#E6D4D1
Deep Pastel
#EDE0DE
Neon Turquoise
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#C2FFFD
Light
#9EFFF8
Medium Light
#6FFFF4
Medium
#00FFEF
Medium Dark
#19B5AA
Dark
#197069
Darkest
#10322F
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#00FFEF
Left Dark
#7AFEF0
Left Medium
#ABFBF2
Left Light
#D3F9F3
Neutral
#F5F5F5
Right Light
#FFC8BA
Right Medium
#FF9981
Right Dark
#FF654A
Complementary End
#FF0010
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#B0FFF7
Medium
#00FFEF
Dark
#008075
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#10FF00
Left Adjacent 1
#00FF70
Main
#00FFEF
Right Adjacent 1
#008FFF
Right Adjacent 2
#0010FF
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#00FFEF
Complementary
#FF0010
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#00FFEF
Secondary
#EF00FF
Tertiary
#FFEF00
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#00FFEF
Right 90°
#6F00FF
Complementary
#FF0010
Left 90°
#90FF00
Tetradic
Two pairs of complementary colors
4 colors
Main
#00FFEF
Secondary
#0010FF
Complementary
#FF0010
Complementary Secondary
#FFEF00
Split Complementary
Complementary colors ±30°
3 colors
Main
#00FFEF
Split Left
#FF0090
Split Right
#FF7000
Cyclic
Circular gradient for periodic data
8 colors
0°
#00FFEF
45°
#0050FF
90°
#6F00FF
135°
#FF00CF
180°
#FF0010
225°
#FFAF00
270°
#90FF00
315°
#00FF30
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#9CC9C7
Pastel 1
#A9D1CE
Pastel 2
#B6D8D6
Pastel 3
#C3DFDD
Pastel 4
#D1E6E5
Deep Pastel
#DEEDEC
Extract Neon Color Palette from Image
Upload a photo to extract a neon color palette with HEX and RGB codes.
click or drag your image here
Supported formats: JPG, PNG, WebP
Neon 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%)