Appearance
25+ Bright Winter Color Palettes
Generate 25+ Bright Winter color palettes from seasonal colors. Each palette is created from a base color, featuring bright, clear, and intense Winter hues that follow professional color theory principles. Perfect for personal style coordination, home decor, and creative projects for those with Bright Winter personal coloring.
Bright Winter Colors
Electric Blue →
HEX#007FFF
RGBrgb(0, 127, 255)
Hot Pink →
HEX#FF69B4
RGBrgb(255, 105, 180)
Lemon Yellow →
HEX#FFF44F
RGBrgb(255, 244, 79)
True Red →
HEX#FF0000
RGBrgb(255, 0, 0)
Pure White →
HEX#FFFFFF
RGBrgb(255, 255, 255)
True Black →
HEX#000000
RGBrgb(0, 0, 0)
Emerald Green →
HEX#50C878
RGBrgb(80, 200, 120)
Fuchsia →
HEX#FF00FF
RGBrgb(255, 0, 255)
Cobalt Blue →
HEX#0047AB
RGBrgb(0, 71, 171)
Bright Turquoise →
HEX#00FFFF
RGBrgb(0, 255, 255)
Vivid Purple →
HEX#BF00FF
RGBrgb(191, 0, 255)
Bright Orange →
HEX#FF5F1F
RGBrgb(255, 95, 31)
Ruby Red →
HEX#E0115F
RGBrgb(224, 17, 95)
Sapphire Blue →
HEX#0F52BA
RGBrgb(15, 82, 186)
Bright Green →
HEX#00FF00
RGBrgb(0, 255, 0)
Violet →
HEX#EE82EE
RGBrgb(238, 130, 238)
Ice Blue →
HEX#99FFFF
RGBrgb(153, 255, 255)
Bright Teal →
HEX#00CED1
RGBrgb(0, 206, 209)
Magenta →
HEX#FF00FF
RGBrgb(255, 0, 255)
Bright Cyan →
HEX#00FFFF
RGBrgb(0, 255, 255)
Bright Coral →
HEX#FF6B6B
RGBrgb(255, 107, 107)
Royal Blue →
HEX#4169E1
RGBrgb(65, 105, 225)
Bright Lavender →
HEX#E6E6FA
RGBrgb(230, 230, 250)
Bright Lime →
HEX#CCFF00
RGBrgb(204, 255, 0)
Bright Rose →
HEX#FF007F
RGBrgb(255, 0, 127)
Bright Sky Blue →
HEX#87CEEB
RGBrgb(135, 206, 235)
Bright Plum →
HEX#8B008B
RGBrgb(139, 0, 139)
Bright Gold →
HEX#FFD700
RGBrgb(255, 215, 0)
Bright Silver →
HEX#C0C0C0
RGBrgb(192, 192, 192)
Bright Winter 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 Winter 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
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
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
True 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
Pure White
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#F2F2F2
Light
#F6F6F6
Medium Light
#FBFBFB
Medium
#FFFFFF
Medium Dark
#DCDCDC
Dark
#BABABA
Darkest
#999999
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FFFFFF
Left Dark
#FCFCFC
Left Medium
#FAFAFA
Left Light
#F7F7F7
Neutral
#F5F5F5
Right Light
#F7F7F7
Right Medium
#FAFAFA
Right Dark
#FCFCFC
Complementary End
#FFFFFF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFFFFF
Medium
#FFFFFF
Dark
#777777
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FFFFFF
Left Adjacent 1
#FFFFFF
Main
#FFFFFF
Right Adjacent 1
#FFFFFF
Right Adjacent 2
#FFFFFF
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FFFFFF
Complementary
#FFFFFF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FFFFFF
Secondary
#FFFFFF
Tertiary
#FFFFFF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FFFFFF
Right 90°
#FFFFFF
Complementary
#FFFFFF
Left 90°
#FFFFFF
Tetradic
Two pairs of complementary colors
4 colors
Main
#FFFFFF
Secondary
#FFFFFF
Complementary
#FFFFFF
Complementary Secondary
#FFFFFF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FFFFFF
Split Left
#FFFFFF
Split Right
#FFFFFF
Cyclic
Circular gradient for periodic data
8 colors
0°
#FFFFFF
45°
#FFFFFF
90°
#FFFFFF
135°
#FFFFFF
180°
#FFFFFF
225°
#FFFFFF
270°
#FFFFFF
315°
#FFFFFF
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#ABABAB
Pastel 1
#B6B6B6
Pastel 2
#C1C1C1
Pastel 3
#CDCDCD
Pastel 4
#D8D8D8
Deep Pastel
#E3E3E3
True Black
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#6C6466
Light
#484344
Medium Light
#262424
Medium
#000000
Medium Dark
#040404
Dark
#090909
Darkest
#0D0D0D
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#000000
Left Dark
#393939
Left Medium
#737373
Left Light
#B2B2B2
Neutral
#F5F5F5
Right Light
#B2B2B2
Right Medium
#737373
Right Dark
#393939
Complementary End
#000000
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#777777
Medium
#000000
Dark
#000000
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#000000
Left Adjacent 1
#000000
Main
#000000
Right Adjacent 1
#000000
Right Adjacent 2
#000000
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#000000
Complementary
#000000
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#000000
Secondary
#000000
Tertiary
#000000
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#000000
Right 90°
#000000
Complementary
#000000
Left 90°
#000000
Tetradic
Two pairs of complementary colors
4 colors
Main
#000000
Secondary
#000000
Complementary
#000000
Complementary Secondary
#000000
Split Complementary
Complementary colors ±30°
3 colors
Main
#000000
Split Left
#000000
Split Right
#000000
Cyclic
Circular gradient for periodic data
8 colors
0°
#000000
45°
#000000
90°
#000000
135°
#000000
180°
#000000
225°
#000000
270°
#000000
315°
#000000
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#ABABAB
Pastel 1
#B6B6B6
Pastel 2
#C1C1C1
Pastel 3
#CDCDCD
Pastel 4
#D8D8D8
Deep Pastel
#E3E3E3
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
Fuchsia
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
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
Bright Turquoise
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
Vivid 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
Bright 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
Ruby Red
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFC0D9
Light
#F992AE
Medium Light
#EF6085
Medium
#E0115F
Medium Dark
#991743
Dark
#571428
Darkest
#1F050E
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#E0115F
Left Dark
#ED6382
Left Medium
#F597A6
Left Light
#F8C7CD
Neutral
#F5F5F5
Right Light
#CDF1DC
Right Medium
#A2ECC3
Right Dark
#70E7AA
Complementary End
#11E092
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FA9CAB
Medium
#E0115F
Dark
#940029
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#9211E0
Left Adjacent 1
#E011C7
Main
#E0115F
Right Adjacent 1
#E02A11
Right Adjacent 2
#E09211
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#E0115F
Complementary
#11E092
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#E0115F
Secondary
#5FE011
Tertiary
#115FE0
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#E0115F
Right 90°
#C7E011
Complementary
#11E092
Left 90°
#2A11E0
Tetradic
Two pairs of complementary colors
4 colors
Main
#E0115F
Secondary
#E09211
Complementary
#11E092
Complementary Secondary
#115FE0
Split Complementary
Complementary colors ±30°
3 colors
Main
#E0115F
Split Left
#11E02A
Split Right
#11C7E0
Cyclic
Circular gradient for periodic data
8 colors
0°
#E0115F
45°
#E05E11
90°
#C7E011
135°
#2BE011
180°
#11E092
225°
#1193E0
270°
#2A11E0
315°
#C611E0
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C69FAE
Pastel 1
#CEACB8
Pastel 2
#D5B8C3
Pastel 3
#DDC5CE
Pastel 4
#E4D2D9
Deep Pastel
#ECDFE4
Sapphire Blue
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#98C1FE
Light
#759AE7
Medium Light
#4E75D1
Medium
#0F52BA
Medium Dark
#1B397D
Dark
#172244
Darkest
#060A12
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#0F52BA
Left Dark
#6577CA
Left Medium
#999FD9
Left Light
#C8C9E7
Neutral
#F5F5F5
Right Light
#EDD4BC
Right Medium
#DFB485
Right Dark
#CE954F
Complementary End
#BA770F
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#9EA3DE
Medium
#0F52BA
Dark
#002A87
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#0FBA77
Left Adjacent 1
#0FA7BA
Main
#0F52BA
Right Adjacent 1
#220FBA
Right Adjacent 2
#770FBA
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#0F52BA
Complementary
#BA770F
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#0F52BA
Secondary
#BA0F52
Tertiary
#52BA0F
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#0F52BA
Right 90°
#BA0FA7
Complementary
#BA770F
Left 90°
#0FBA22
Tetradic
Two pairs of complementary colors
4 colors
Main
#0F52BA
Secondary
#770FBA
Complementary
#BA770F
Complementary Secondary
#52BA0F
Split Complementary
Complementary colors ±30°
3 colors
Main
#0F52BA
Split Left
#BA220F
Split Right
#A7BA0F
Cyclic
Circular gradient for periodic data
8 colors
0°
#0F52BA
45°
#4C0FBA
90°
#BA0FA7
135°
#BA0F27
180°
#BA770F
225°
#7DBA0F
270°
#0FBA22
315°
#0FBAA2
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#9FAEC6
Pastel 1
#ACB9CE
Pastel 2
#B9C4D5
Pastel 3
#C5CFDD
Pastel 4
#D2D9E4
Deep Pastel
#DFE4EC
Bright 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
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
Ice Blue
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#E5FFFF
Light
#CEFFFF
Medium Light
#B5FFFF
Medium
#99FFFF
Medium Dark
#7CEDED
Dark
#5DDCDC
Darkest
#36CBCA
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#99FFFF
Left Dark
#B4FDFC
Left Medium
#CCFAFA
Left Light
#E1F8F7
Neutral
#F5F5F5
Right Light
#FBDEDD
Right Medium
#FEC8C6
Right Dark
#FFB1AF
Complementary End
#FF9999
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#D1FFFF
Medium
#99FFFF
Dark
#007D7E
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#99FF99
Left Adjacent 1
#99FFCC
Main
#99FFFF
Right Adjacent 1
#99CCFF
Right Adjacent 2
#9999FF
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#99FFFF
Complementary
#FF9999
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#99FFFF
Secondary
#FF99FF
Tertiary
#FFFF99
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#99FFFF
Right 90°
#CC99FF
Complementary
#FF9999
Left 90°
#CCFF99
Tetradic
Two pairs of complementary colors
4 colors
Main
#99FFFF
Secondary
#9999FF
Complementary
#FF9999
Complementary Secondary
#FFFF99
Split Complementary
Complementary colors ±30°
3 colors
Main
#99FFFF
Split Left
#FF99CC
Split Right
#FFCC99
Cyclic
Circular gradient for periodic data
8 colors
0°
#99FFFF
45°
#99B3FF
90°
#CC99FF
135°
#FF99E5
180°
#FF9999
225°
#FFE699
270°
#CCFF99
315°
#99FFB3
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
Bright 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
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
Bright 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
Bright 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
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
Bright 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
Bright 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
Bright Rose
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFCAE7
Light
#FF9BC3
Medium Light
#FF67A0
Medium
#FF007F
Medium Dark
#B4085A
Dark
#6E0838
Darkest
#300419
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FF007F
Left Dark
#FF689B
Left Medium
#FF9CB8
Left Light
#FFC9D6
Neutral
#F5F5F5
Right Light
#D1F9D8
Right Medium
#A8FCBB
Right Dark
#76FE9E
Complementary End
#00FF80
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFA0BD
Medium
#FF007F
Dark
#A8003E
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#8000FF
Left Adjacent 1
#FF00FE
Main
#FF007F
Right Adjacent 1
#FF0100
Right Adjacent 2
#FF8000
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FF007F
Complementary
#00FF80
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FF007F
Secondary
#7FFF00
Tertiary
#007FFF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FF007F
Right 90°
#FEFF00
Complementary
#00FF80
Left 90°
#0000FF
Tetradic
Two pairs of complementary colors
4 colors
Main
#FF007F
Secondary
#FF8000
Complementary
#00FF80
Complementary Secondary
#007FFF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FF007F
Split Left
#00FF01
Split Right
#00FEFF
Cyclic
Circular gradient for periodic data
8 colors
0°
#FF007F
45°
#FF4000
90°
#FEFF00
135°
#3FFF00
180°
#00FF80
225°
#00BFFF
270°
#0000FF
315°
#C000FF
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C99CB2
Pastel 1
#D1A9BD
Pastel 2
#D8B6C7
Pastel 3
#DFC3D1
Pastel 4
#E6D1DB
Deep Pastel
#EDDEE5
Bright Sky Blue
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#DEF2FA
Light
#C3E6F5
Medium Light
#A6DAF0
Medium
#87CEEB
Medium Dark
#69ACC9
Dark
#4B8BA9
Darkest
#2D6B89
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#87CEEB
Left Dark
#A6D8EE
Left Medium
#C1E1F0
Left Light
#DCEBF3
Neutral
#F5F5F5
Right Light
#F5E1D9
Right Medium
#F3CCBD
Right Dark
#F0B8A2
Complementary End
#EBA487
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#C6E6F5
Medium
#87CEEB
Dark
#05667F
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#87EBA4
Left Adjacent 1
#87EBD6
Main
#87CEEB
Right Adjacent 1
#879CEB
Right Adjacent 2
#A487EB
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#87CEEB
Complementary
#EBA487
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#87CEEB
Secondary
#EB87CE
Tertiary
#CEEB87
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#87CEEB
Right 90°
#D687EB
Complementary
#EBA487
Left 90°
#9CEB87
Tetradic
Two pairs of complementary colors
4 colors
Main
#87CEEB
Secondary
#A487EB
Complementary
#EBA487
Complementary Secondary
#CEEB87
Split Complementary
Complementary colors ±30°
3 colors
Main
#87CEEB
Split Left
#EB879C
Split Right
#EBD687
Cyclic
Circular gradient for periodic data
8 colors
0°
#87CEEB
45°
#8B87EB
90°
#D687EB
135°
#EB87B5
180°
#EBA487
225°
#E7EB87
270°
#9CEB87
315°
#87EBBD
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#A2B9C3
Pastel 1
#AEC3CB
Pastel 2
#BBCCD3
Pastel 3
#C7D5DB
Pastel 4
#D4DFE3
Deep Pastel
#E0E8EB
Bright Plum
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FF53FF
Light
#D73BD7
Medium Light
#B022B0
Medium
#8B008B
Medium Dark
#660367
Dark
#440444
Darkest
#250025
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#8B008B
Left Dark
#A953A5
Left Medium
#C489C0
Left Light
#DDBFDA
Neutral
#F5F5F5
Right Light
#C3DBBB
Right Medium
#91C182
Right Dark
#5BA64B
Complementary End
#008B00
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#C98EC4
Medium
#8B008B
Dark
#5E0061
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#00008B
Left Adjacent 1
#45008B
Main
#8B008B
Right Adjacent 1
#8B0046
Right Adjacent 2
#8B0000
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#8B008B
Complementary
#008B00
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#8B008B
Secondary
#8B8B00
Tertiary
#008B8B
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#8B008B
Right 90°
#8B4600
Complementary
#008B00
Left 90°
#00458B
Tetradic
Two pairs of complementary colors
4 colors
Main
#8B008B
Secondary
#8B0000
Complementary
#008B00
Complementary Secondary
#008B8B
Split Complementary
Complementary colors ±30°
3 colors
Main
#8B008B
Split Left
#468B00
Split Right
#008B46
Cyclic
Circular gradient for periodic data
8 colors
0°
#8B008B
45°
#8B0023
90°
#8B4600
135°
#688B00
180°
#008B00
225°
#008B68
270°
#00458B
315°
#23008B
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
Bright 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
Bright Silver
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#F2F2F2
Light
#E1E1E1
Medium Light
#D1D1D1
Medium
#C0C0C0
Medium Dark
#9D9D9D
Dark
#7A7A7A
Darkest
#5A5A5A
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#C0C0C0
Left Dark
#CDCDCD
Left Medium
#DADADA
Left Light
#E8E8E8
Neutral
#F5F5F5
Right Light
#E8E8E8
Right Medium
#DADADA
Right Dark
#CDCDCD
Complementary End
#C0C0C0
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#DFDFDF
Medium
#C0C0C0
Dark
#5B5B5B
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#C0C0C0
Left Adjacent 1
#C0C0C0
Main
#C0C0C0
Right Adjacent 1
#C0C0C0
Right Adjacent 2
#C0C0C0
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#C0C0C0
Complementary
#C0C0C0
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#C0C0C0
Secondary
#C0C0C0
Tertiary
#C0C0C0
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#C0C0C0
Right 90°
#C0C0C0
Complementary
#C0C0C0
Left 90°
#C0C0C0
Tetradic
Two pairs of complementary colors
4 colors
Main
#C0C0C0
Secondary
#C0C0C0
Complementary
#C0C0C0
Complementary Secondary
#C0C0C0
Split Complementary
Complementary colors ±30°
3 colors
Main
#C0C0C0
Split Left
#C0C0C0
Split Right
#C0C0C0
Cyclic
Circular gradient for periodic data
8 colors
0°
#C0C0C0
45°
#C0C0C0
90°
#C0C0C0
135°
#C0C0C0
180°
#C0C0C0
225°
#C0C0C0
270°
#C0C0C0
315°
#C0C0C0
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#ABABAB
Pastel 1
#B6B6B6
Pastel 2
#C1C1C1
Pastel 3
#CDCDCD
Pastel 4
#D8D8D8
Deep Pastel
#E3E3E3
Extract Bright Winter Color Palette
Upload a photo to extract a Bright Winter color palette with HEX and RGB codes.
click or drag your image here
Supported formats: JPG, PNG, WebP