Appearance
25+ Bright Spring (Clear Spring) Color Palettes
Generate 25+ Bright Spring color palettes from seasonal colors. Each palette is created from a base color, featuring bright, clear, and vibrant Spring hues that follow professional color theory principles. Perfect for personal style coordination, home decor, and creative projects for those with Bright Spring personal coloring.
Bright Spring Colors
Electric Blue →
HEX#007FFF
RGBrgb(0, 127, 255)
Vivid Coral →
HEX#FF6B6B
RGBrgb(255, 107, 107)
Lemon Yellow →
HEX#FFF44F
RGBrgb(255, 244, 79)
Emerald Green →
HEX#50C878
RGBrgb(80, 200, 120)
Hot Pink →
HEX#FF69B4
RGBrgb(255, 105, 180)
Bright Orange →
HEX#FFA500
RGBrgb(255, 165, 0)
Royal Blue →
HEX#4169E1
RGBrgb(65, 105, 225)
Spring Green →
HEX#00FF7F
RGBrgb(0, 255, 127)
Magenta →
HEX#FF00FF
RGBrgb(255, 0, 255)
Cyan →
HEX#00FFFF
RGBrgb(0, 255, 255)
Chartreuse →
HEX#7FFF00
RGBrgb(127, 255, 0)
Dodger Blue →
HEX#1E90FF
RGBrgb(30, 144, 255)
Coral →
HEX#FF7F50
RGBrgb(255, 127, 80)
Gold →
HEX#FFD700
RGBrgb(255, 215, 0)
Lime Green →
HEX#32CD32
RGBrgb(50, 205, 50)
Deep Sky Blue →
HEX#00BFFF
RGBrgb(0, 191, 255)
Tomato →
HEX#FF6347
RGBrgb(255, 99, 71)
Orchid →
HEX#DA70D6
RGBrgb(218, 112, 214)
Violet →
HEX#EE82EE
RGBrgb(238, 130, 238)
Turquoise →
HEX#40E0D0
RGBrgb(64, 224, 208)
Cobalt Blue →
HEX#0047AB
RGBrgb(0, 71, 171)
Vivid Pink →
HEX#FF1493
RGBrgb(255, 20, 147)
Electric Lime →
HEX#CCFF00
RGBrgb(204, 255, 0)
Electric Purple →
HEX#BF00FF
RGBrgb(191, 0, 255)
Vivid Orange →
HEX#FF5F1F
RGBrgb(255, 95, 31)
Bright Red →
HEX#FF0000
RGBrgb(255, 0, 0)
Electric Green →
HEX#00FF00
RGBrgb(0, 255, 0)
Vivid Teal →
HEX#00CED1
RGBrgb(0, 206, 209)
Canary Yellow →
HEX#FFFF99
RGBrgb(255, 255, 153)
Bright Spring 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 Bright Spring hue.
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
Vivid Coral
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFD1D1
Light
#FFB1AE
Medium Light
#FF8F8C
Medium
#FF6B6B
Medium Dark
#DE4F49
Dark
#BC3228
Darkest
#9B0E05
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FF6B6B
Left Dark
#FF918C
Left Medium
#FFB3AE
Left Light
#FED4D1
Neutral
#F5F5F5
Right Light
#DAF8F7
Right Medium
#BCFBFA
Right Dark
#99FDFC
Complementary End
#6BFFFF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFB8B2
Medium
#FF6B6B
Dark
#9C0022
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FF6BFF
Left Adjacent 1
#FF6BB5
Main
#FF6B6B
Right Adjacent 1
#FFB56B
Right Adjacent 2
#FFFF6B
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FF6B6B
Complementary
#6BFFFF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FF6B6B
Secondary
#6BFF6B
Tertiary
#6B6BFF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FF6B6B
Right 90°
#B5FF6B
Complementary
#6BFFFF
Left 90°
#B56BFF
Tetradic
Two pairs of complementary colors
4 colors
Main
#FF6B6B
Secondary
#FFFF6B
Complementary
#6BFFFF
Complementary Secondary
#6B6BFF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FF6B6B
Split Left
#6BFFB5
Split Right
#6BB5FF
Cyclic
Circular gradient for periodic data
8 colors
0°
#FF6B6B
45°
#FFDA6B
90°
#B5FF6B
135°
#6BFF90
180°
#6BFFFF
225°
#6B90FF
270°
#B56BFF
315°
#FF6BDA
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
Lemon Yellow
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFFEDF
Light
#FFFAB2
Medium Light
#FFF784
Medium
#FFF44F
Medium Dark
#D4CA3A
Dark
#AAA126
Darkest
#827A11
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FFF44F
Left Dark
#FFF47F
Left Medium
#FFF4A8
Left Light
#FCF4CF
Neutral
#F5F5F5
Right Light
#D6CCF9
Right Medium
#B3A5FC
Right Dark
#8A7FFE
Complementary End
#4F5AFF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFF9AC
Medium
#FFF44F
Dark
#747500
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FF4F5A
Left Adjacent 1
#FF9C4F
Main
#FFF44F
Right Adjacent 1
#B2FF4F
Right Adjacent 2
#5AFF4F
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FFF44F
Complementary
#4F5AFF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FFF44F
Secondary
#4FFFF4
Tertiary
#F44FFF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FFF44F
Right 90°
#4FFF9C
Complementary
#4F5AFF
Left 90°
#FF4FB2
Tetradic
Two pairs of complementary colors
4 colors
Main
#FFF44F
Secondary
#5AFF4F
Complementary
#4F5AFF
Complementary Secondary
#F44FFF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FFF44F
Split Left
#4FB2FF
Split Right
#9C4FFF
Cyclic
Circular gradient for periodic data
8 colors
0°
#FFF44F
45°
#86FF4F
90°
#4FFF9C
135°
#4FDEFF
180°
#4F5AFF
225°
#C84FFF
270°
#FF4FB2
315°
#FF704F
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C9C79C
Pastel 1
#D1CEA9
Pastel 2
#D8D6B6
Pastel 3
#DFDDC3
Pastel 4
#E6E5D1
Deep Pastel
#EDECDE
Emerald Green
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#E6FBED
Light
#B8EAC5
Medium Light
#88DA9E
Medium
#50C878
Medium Dark
#3D955A
Dark
#2B653D
Darkest
#193922
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#50C878
Left Dark
#81D497
Left Medium
#AAE0B6
Left Light
#D0EBD5
Neutral
#F5F5F5
Right Light
#EDCDDF
Right Medium
#E2A5CA
Right Dark
#D67CB5
Complementary End
#C850A0
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#AEE5BA
Medium
#50C878
Dark
#006620
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#A0C850
Left Adjacent 1
#64C850
Main
#50C878
Right Adjacent 1
#50C8B4
Right Adjacent 2
#50A0C8
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#50C878
Complementary
#C850A0
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#50C878
Secondary
#7850C8
Tertiary
#C87850
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#50C878
Right 90°
#5064C8
Complementary
#C850A0
Left 90°
#C8B450
Tetradic
Two pairs of complementary colors
4 colors
Main
#50C878
Secondary
#50A0C8
Complementary
#C850A0
Complementary Secondary
#C87850
Split Complementary
Complementary colors ±30°
3 colors
Main
#50C878
Split Left
#B450C8
Split Right
#C85064
Cyclic
Circular gradient for periodic data
8 colors
0°
#50C878
45°
#50BEC8
90°
#5064C8
135°
#9650C8
180°
#C850A0
225°
#C85A50
270°
#C8B450
315°
#82C850
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#A7BEAF
Pastel 1
#B2C7B9
Pastel 2
#BED0C4
Pastel 3
#CAD8CF
Pastel 4
#D6E1D9
Deep Pastel
#E2E9E4
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
Bright 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
Royal Blue
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#E6EEFF
Light
#B8BFF6
Medium Light
#8593EC
Medium
#4169E1
Medium Dark
#304EAA
Dark
#203476
Darkest
#111C46
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#4169E1
Left Dark
#7D89E7
Left Medium
#A9ACEC
Left Light
#D0D0F1
Neutral
#F5F5F5
Right Light
#F4E5C9
Right Medium
#F1D69D
Right Dark
#EAC771
Complementary End
#E1B941
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#AEB1F1
Medium
#4169E1
Dark
#00339E
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#41E1B9
Left Adjacent 1
#41B9E1
Main
#4169E1
Right Adjacent 1
#6941E1
Right Adjacent 2
#B941E1
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#4169E1
Complementary
#E1B941
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#4169E1
Secondary
#E14169
Tertiary
#69E141
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#4169E1
Right 90°
#E141B9
Complementary
#E1B941
Left 90°
#41E169
Tetradic
Two pairs of complementary colors
4 colors
Main
#4169E1
Secondary
#B941E1
Complementary
#E1B941
Complementary Secondary
#69E141
Split Complementary
Complementary colors ±30°
3 colors
Main
#4169E1
Split Left
#E16941
Split Right
#B9E141
Cyclic
Circular gradient for periodic data
8 colors
0°
#4169E1
45°
#9141E1
90°
#E141B9
135°
#E14141
180°
#E1B941
225°
#91E141
270°
#41E169
315°
#41E1E1
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#A2AAC3
Pastel 1
#AEB5CB
Pastel 2
#BBC1D3
Pastel 3
#C7CCDB
Pastel 4
#D4D7E3
Deep Pastel
#E0E3EB
Spring Green
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#C5FFE3
Light
#9FFFC2
Medium Light
#70FFA1
Medium
#00FF7F
Medium Dark
#11B55C
Dark
#11703A
Darkest
#09321C
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#00FF7F
Left Dark
#76FE9D
Left Medium
#A8FCBB
Left Light
#D1F9D8
Neutral
#F5F5F5
Right Light
#FFC9D6
Right Medium
#FF9CB8
Right Dark
#FF689C
Complementary End
#FF0080
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#ADFFC0
Medium
#00FF7F
Dark
#008101
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#80FF00
Left Adjacent 1
#00FF00
Main
#00FF7F
Right Adjacent 1
#00FFFF
Right Adjacent 2
#0080FF
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#00FF7F
Complementary
#FF0080
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#00FF7F
Secondary
#7F00FF
Tertiary
#FF7F00
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#00FF7F
Right 90°
#0000FF
Complementary
#FF0080
Left 90°
#FFFF00
Tetradic
Two pairs of complementary colors
4 colors
Main
#00FF7F
Secondary
#0080FF
Complementary
#FF0080
Complementary Secondary
#FF7F00
Split Complementary
Complementary colors ±30°
3 colors
Main
#00FF7F
Split Left
#FE00FF
Split Right
#FF0000
Cyclic
Circular gradient for periodic data
8 colors
0°
#00FF7F
45°
#00C0FF
90°
#0000FF
135°
#BF00FF
180°
#FF0080
225°
#FF3F00
270°
#FFFF00
315°
#40FF00
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#9CC9B2
Pastel 1
#A9D1BD
Pastel 2
#B6D8C7
Pastel 3
#C3DFD1
Pastel 4
#D1E6DB
Deep Pastel
#DEEDE5
Magenta
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
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
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
Dodger Blue
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#E0F3FF
Light
#B3D1FF
Medium Light
#7DAFFF
Medium
#1E90FF
Medium Dark
#1A6BBF
Dark
#154983
Darkest
#0D294C
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#1E90FF
Left Dark
#77A8FD
Left Medium
#A7C0FB
Left Light
#D0DAF8
Neutral
#F5F5F5
Right Light
#FFDBC1
Right Medium
#FFC18E
Right Dark
#FFA75B
Complementary End
#FF8D1E
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#ACC5FF
Medium
#1E90FF
Dark
#0048AB
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#1EFF8D
Left Adjacent 1
#1EFFFE
Main
#1E90FF
Right Adjacent 1
#1E1FFF
Right Adjacent 2
#8D1EFF
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#1E90FF
Complementary
#FF8D1E
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#1E90FF
Secondary
#FF1E90
Tertiary
#90FF1E
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#1E90FF
Right 90°
#FE1EFF
Complementary
#FF8D1E
Left 90°
#1FFF1E
Tetradic
Two pairs of complementary colors
4 colors
Main
#1E90FF
Secondary
#8D1EFF
Complementary
#FF8D1E
Complementary Secondary
#90FF1E
Split Complementary
Complementary colors ±30°
3 colors
Main
#1E90FF
Split Left
#FF1E1F
Split Right
#FFFE1E
Cyclic
Circular gradient for periodic data
8 colors
0°
#1E90FF
45°
#551EFF
90°
#FE1EFF
135°
#FF1E58
180°
#FF8D1E
225°
#C8FF1E
270°
#1FFF1E
315°
#1EFFC5
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#9CB3C9
Pastel 1
#A9BDD1
Pastel 2
#B6C7D8
Pastel 3
#C3D1DF
Pastel 4
#D1DBE6
Deep Pastel
#DEE6ED
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
Gold
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFF7C5
Light
#FFEC93
Medium Light
#FFE15E
Medium
#FFD700
Medium Dark
#B5990F
Dark
#705F10
Darkest
#322B09
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FFD700
Left Dark
#FFDE5E
Left Medium
#FFE593
Left Light
#FEEDC4
Neutral
#F5F5F5
Right Light
#D3C1FA
Right Medium
#AC8EFD
Right Dark
#7A5CFF
Complementary End
#0028FF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFEA98
Medium
#FFD700
Dark
#7C6500
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FF0028
Left Adjacent 1
#FF5700
Main
#FFD700
Right Adjacent 1
#A7FF00
Right Adjacent 2
#28FF00
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FFD700
Complementary
#0028FF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FFD700
Secondary
#00FFD7
Tertiary
#D700FF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FFD700
Right 90°
#00FF58
Complementary
#0028FF
Left 90°
#FF00A7
Tetradic
Two pairs of complementary colors
4 colors
Main
#FFD700
Secondary
#28FF00
Complementary
#0028FF
Complementary Secondary
#D700FF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FFD700
Split Left
#00A7FF
Split Right
#5800FF
Cyclic
Circular gradient for periodic data
8 colors
0°
#FFD700
45°
#68FF00
90°
#00FF58
135°
#00E7FF
180°
#0028FF
225°
#9700FF
270°
#FF00A7
315°
#FF1800
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C9C29C
Pastel 1
#D1CAA9
Pastel 2
#D8D2B6
Pastel 3
#DFDBC3
Pastel 4
#E6E3D1
Deep Pastel
#EDEBDE
Lime Green
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#D2F6D2
Light
#A7E99F
Medium Light
#77DC6C
Medium
#32CD32
Medium Dark
#289227
Dark
#1C5A1C
Darkest
#0F280F
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#32CD32
Left Dark
#76D868
Left Medium
#A5E398
Left Light
#CEECC6
Neutral
#F5F5F5
Right Light
#EFCAEC
Right Medium
#E69EE2
Right Dark
#DB6FD8
Complementary End
#CD32CD
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#AAE89C
Medium
#32CD32
Dark
#006A00
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#CDCD32
Left Adjacent 1
#80CD32
Main
#32CD32
Right Adjacent 1
#32CD80
Right Adjacent 2
#32CDCD
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#32CD32
Complementary
#CD32CD
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#32CD32
Secondary
#3232CD
Tertiary
#CD3232
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#32CD32
Right 90°
#327FCD
Complementary
#CD32CD
Left 90°
#CD8032
Tetradic
Two pairs of complementary colors
4 colors
Main
#32CD32
Secondary
#32CDCD
Complementary
#CD32CD
Complementary Secondary
#CD3232
Split Complementary
Complementary colors ±30°
3 colors
Main
#32CD32
Split Left
#7F32CD
Split Right
#CD3280
Cyclic
Circular gradient for periodic data
8 colors
0°
#32CD32
45°
#32CDA6
90°
#327FCD
135°
#5932CD
180°
#CD32CD
225°
#CD3259
270°
#CD8032
315°
#A6CD32
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#A5C0A5
Pastel 1
#B1C9B1
Pastel 2
#BDD1BD
Pastel 3
#C9D9C9
Pastel 4
#D5E2D5
Deep Pastel
#E1EAE1
Deep Sky Blue
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#C3F4FF
Light
#9CE2FF
Medium Light
#6CD0FF
Medium
#00BFFF
Medium Dark
#1787B3
Dark
#17546D
Darkest
#0E252F
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#00BFFF
Left Dark
#74CCFD
Left Medium
#A7DAFA
Left Light
#D0E7F8
Neutral
#F5F5F5
Right Light
#FFCCB9
Right Medium
#FFA380
Right Dark
#FF7748
Complementary End
#FF4000
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#ABDFFF
Medium
#00BFFF
Dark
#00619A
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#00FF40
Left Adjacent 1
#00FFBF
Main
#00BFFF
Right Adjacent 1
#0040FF
Right Adjacent 2
#4000FF
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#00BFFF
Complementary
#FF4000
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#00BFFF
Secondary
#FF00BF
Tertiary
#BFFF00
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#00BFFF
Right 90°
#C000FF
Complementary
#FF4000
Left 90°
#3FFF00
Tetradic
Two pairs of complementary colors
4 colors
Main
#00BFFF
Secondary
#4000FF
Complementary
#FF4000
Complementary Secondary
#BFFF00
Split Complementary
Complementary colors ±30°
3 colors
Main
#00BFFF
Split Left
#FF003F
Split Right
#FFC000
Cyclic
Circular gradient for periodic data
8 colors
0°
#00BFFF
45°
#0000FF
90°
#C000FF
135°
#FF007F
180°
#FF4000
225°
#FFFF00
270°
#3FFF00
315°
#00FF80
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#9CBEC9
Pastel 1
#A9C7D1
Pastel 2
#B6CFD8
Pastel 3
#C3D8DF
Pastel 4
#D1E1E6
Deep Pastel
#DEE9ED
Tomato
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFE7E2
Light
#FFBDAC
Medium Light
#FF9279
Medium
#FF6347
Medium Dark
#D04931
Dark
#A2311B
Darkest
#771805
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FF6347
Left Dark
#FF8B70
Left Medium
#FFAF9B
Left Light
#FFD2C7
Neutral
#F5F5F5
Right Light
#D5F1F8
Right Medium
#B1EDFA
Right Dark
#86E8FD
Complementary End
#47E3FF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFB4A0
Medium
#FF6347
Dark
#9C0000
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FF47E3
Left Adjacent 1
#FF4787
Main
#FF6347
Right Adjacent 1
#FFBF47
Right Adjacent 2
#E3FF47
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FF6347
Complementary
#47E3FF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FF6347
Secondary
#47FF63
Tertiary
#6347FF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FF6347
Right 90°
#87FF47
Complementary
#47E3FF
Left 90°
#BF47FF
Tetradic
Two pairs of complementary colors
4 colors
Main
#FF6347
Secondary
#E3FF47
Complementary
#47E3FF
Complementary Secondary
#6347FF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FF6347
Split Left
#47FFBF
Split Right
#4787FF
Cyclic
Circular gradient for periodic data
8 colors
0°
#FF6347
45°
#FFED47
90°
#87FF47
135°
#47FF91
180°
#47E3FF
225°
#4759FF
270°
#BF47FF
315°
#FF47B5
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C9A39C
Pastel 1
#D1AFA9
Pastel 2
#D8BBB6
Pastel 3
#DFC8C3
Pastel 4
#E6D4D1
Deep Pastel
#EDE0DE
Orchid
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
Violet
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FADCFA
Light
#F7BFF6
Medium Light
#F3A1F2
Medium
#EE82EE
Medium Dark
#CD62CD
Dark
#AD41AD
Darkest
#8E1C8D
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#EE82EE
Left Dark
#F2A1F0
Left Medium
#F4BEF2
Left Light
#F5DAF4
Neutral
#F5F5F5
Right Light
#DBF4D8
Right Medium
#C0F3BC
Right Dark
#A3F19F
Complementary End
#82EE82
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#F9C2F7
Medium
#EE82EE
Dark
#8A208E
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#8282EE
Left Adjacent 1
#B882EE
Main
#EE82EE
Right Adjacent 1
#EE82B8
Right Adjacent 2
#EE8282
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#EE82EE
Complementary
#82EE82
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#EE82EE
Secondary
#EEEE82
Tertiary
#82EEEE
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#EE82EE
Right 90°
#EEB882
Complementary
#82EE82
Left 90°
#82B8EE
Tetradic
Two pairs of complementary colors
4 colors
Main
#EE82EE
Secondary
#EE8282
Complementary
#82EE82
Complementary Secondary
#82EEEE
Split Complementary
Complementary colors ±30°
3 colors
Main
#EE82EE
Split Left
#B8EE82
Split Right
#82EEB8
Cyclic
Circular gradient for periodic data
8 colors
0°
#EE82EE
45°
#EE829D
90°
#EEB882
135°
#D3EE82
180°
#82EE82
225°
#82EED3
270°
#82B8EE
315°
#9D82EE
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C4A1C4
Pastel 1
#CCAECC
Pastel 2
#D4BAD4
Pastel 3
#DCC7DC
Pastel 4
#E3D3E3
Deep Pastel
#EBE0EB
Turquoise
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#E1FEFB
Light
#B5F4EC
Medium Light
#85EADE
Medium
#40E0D0
Medium Dark
#35AA9E
Dark
#29776E
Darkest
#1C4742
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#40E0D0
Left Dark
#7FE6D9
Left Medium
#ABECE2
Left Light
#D2F1EC
Neutral
#F5F5F5
Right Light
#F8CBC9
Right Medium
#F5A09E
Right Dark
#EC7476
Complementary End
#E04050
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#B0F1E7
Medium
#40E0D0
Dark
#007165
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#50E040
Left Adjacent 1
#40E080
Main
#40E0D0
Right Adjacent 1
#40A0E0
Right Adjacent 2
#4050E0
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#40E0D0
Complementary
#E04050
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#40E0D0
Secondary
#D040E0
Tertiary
#E0D040
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#40E0D0
Right 90°
#8040E0
Complementary
#E04050
Left 90°
#A0E040
Tetradic
Two pairs of complementary colors
4 colors
Main
#40E0D0
Secondary
#4050E0
Complementary
#E04050
Complementary Secondary
#E0D040
Split Complementary
Complementary colors ±30°
3 colors
Main
#40E0D0
Split Left
#E040A0
Split Right
#E08040
Cyclic
Circular gradient for periodic data
8 colors
0°
#40E0D0
45°
#4078E0
90°
#8040E0
135°
#E040C8
180°
#E04050
225°
#E0A840
270°
#A0E040
315°
#40E058
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#A2C3C0
Pastel 1
#AECBC8
Pastel 2
#BBD3D1
Pastel 3
#C7DBD9
Pastel 4
#D4E3E1
Deep Pastel
#E0EBEA
Cobalt Blue
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#70B0FF
Light
#558CE3
Medium Light
#3668C7
Medium
#0047AB
Medium Dark
#133374
Dark
#131F42
Darkest
#040A15
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#0047AB
Left Dark
#606EBE
Left Medium
#9599D1
Left Light
#C5C6E3
Neutral
#F5F5F5
Right Light
#E9CFB9
Right Medium
#D8AA7F
Right Dark
#C48647
Complementary End
#AB6400
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#999DD6
Medium
#0047AB
Dark
#00247F
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#00AB64
Left Adjacent 1
#009DAB
Main
#0047AB
Right Adjacent 1
#0E00AB
Right Adjacent 2
#6400AB
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#0047AB
Complementary
#AB6400
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#0047AB
Secondary
#AB0047
Tertiary
#47AB00
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#0047AB
Right 90°
#AB009D
Complementary
#AB6400
Left 90°
#00AB0E
Tetradic
Two pairs of complementary colors
4 colors
Main
#0047AB
Secondary
#6400AB
Complementary
#AB6400
Complementary Secondary
#47AB00
Split Complementary
Complementary colors ±30°
3 colors
Main
#0047AB
Split Left
#AB0E00
Split Right
#9DAB00
Cyclic
Circular gradient for periodic data
8 colors
0°
#0047AB
45°
#3900AB
90°
#AB009D
135°
#AB001C
180°
#AB6400
225°
#72AB00
270°
#00AB0E
315°
#00AB8F
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#9CAFC9
Pastel 1
#A9B9D1
Pastel 2
#B6C4D8
Pastel 3
#C3CFDF
Pastel 4
#D1D9E6
Deep Pastel
#DEE4ED
Vivid 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
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
Electric 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
Vivid 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
Bright Red
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFCACA
Light
#FF9A89
Medium Light
#FF664A
Medium
#FF0000
Medium Dark
#B4090B
Dark
#6E090C
Darkest
#300403
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FF0000
Left Dark
#FF6544
Left Medium
#FF997D
Left Light
#FFC8B8
Neutral
#F5F5F5
Right Light
#D3F8F7
Right Medium
#ADFBFA
Right Dark
#7BFDFC
Complementary End
#00FFFF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FF9E81
Medium
#FF0000
Dark
#A60000
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FF00FF
Left Adjacent 1
#FF0080
Main
#FF0000
Right Adjacent 1
#FF8000
Right Adjacent 2
#FFFF00
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FF0000
Complementary
#00FFFF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FF0000
Secondary
#00FF00
Tertiary
#0000FF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FF0000
Right 90°
#80FF00
Complementary
#00FFFF
Left 90°
#7F00FF
Tetradic
Two pairs of complementary colors
4 colors
Main
#FF0000
Secondary
#FFFF00
Complementary
#00FFFF
Complementary Secondary
#0000FF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FF0000
Split Left
#00FF80
Split Right
#007FFF
Cyclic
Circular gradient for periodic data
8 colors
0°
#FF0000
45°
#FFBF00
90°
#80FF00
135°
#00FF40
180°
#00FFFF
225°
#0040FF
270°
#7F00FF
315°
#FF00BF
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 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
Vivid Teal
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#91FFFF
Light
#71EFEF
Medium Light
#4CDEE0
Medium
#00CED1
Medium Dark
#1A8B8D
Dark
#194D4F
Darkest
#0A1818
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#00CED1
Left Dark
#6FD8DA
Left Medium
#A2E2E3
Left Light
#CDECEC
Neutral
#F5F5F5
Right Light
#F9C3B5
Right Medium
#F39279
Right Dark
#E55D3F
Complementary End
#D10300
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#A7E7E8
Medium
#00CED1
Dark
#00696D
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#00D103
Left Adjacent 1
#00D16C
Main
#00CED1
Right Adjacent 1
#0065D1
Right Adjacent 2
#0300D1
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#00CED1
Complementary
#D10300
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#00CED1
Secondary
#D100CE
Tertiary
#CED100
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#00CED1
Right 90°
#6C00D1
Complementary
#D10300
Left 90°
#65D100
Tetradic
Two pairs of complementary colors
4 colors
Main
#00CED1
Secondary
#0300D1
Complementary
#D10300
Complementary Secondary
#CED100
Split Complementary
Complementary colors ±30°
3 colors
Main
#00CED1
Split Left
#D10065
Split Right
#D16C00
Cyclic
Circular gradient for periodic data
8 colors
0°
#00CED1
45°
#0031D1
90°
#6C00D1
135°
#D1009A
180°
#D10300
225°
#D1A000
270°
#65D100
315°
#00D137
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#9CC9C9
Pastel 1
#A9D0D1
Pastel 2
#B6D7D8
Pastel 3
#C3DEDF
Pastel 4
#D1E6E6
Deep Pastel
#DEEDED
Canary Yellow
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFFFE5
Light
#FFFFCC
Medium Light
#FFFFB3
Medium
#FFFF99
Medium Dark
#EFEE75
Dark
#DEDC4E
Darkest
#CDCC1C
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FFFF99
Left Dark
#FEFCB1
Left Medium
#FCFAC8
Left Light
#F9F7DF
Neutral
#F5F5F5
Right Light
#E0DDF8
Right Medium
#CBC6FB
Right Dark
#B3AFFD
Complementary End
#9999FF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFFFCD
Medium
#FFFF99
Dark
#747A17
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FF9999
Left Adjacent 1
#FFCC99
Main
#FFFF99
Right Adjacent 1
#CCFF99
Right Adjacent 2
#99FF99
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FFFF99
Complementary
#9999FF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FFFF99
Secondary
#99FFFF
Tertiary
#FF99FF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FFFF99
Right 90°
#99FFCC
Complementary
#9999FF
Left 90°
#FF99CC
Tetradic
Two pairs of complementary colors
4 colors
Main
#FFFF99
Secondary
#99FF99
Complementary
#9999FF
Complementary Secondary
#FF99FF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FFFF99
Split Left
#99CCFF
Split Right
#CC99FF
Cyclic
Circular gradient for periodic data
8 colors
0°
#FFFF99
45°
#B3FF99
90°
#99FFCC
135°
#99E6FF
180°
#9999FF
225°
#E699FF
270°
#FF99CC
315°
#FFB399
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
Extract Bright Spring Color Palette
Upload a photo to extract a Bright Spring color palette with HEX and RGB codes.
click or drag your image here
Supported formats: JPG, PNG, WebP