Appearance
25+ Winter Color Palettes
Generate 25+ Winter color palettes from seasonal colors. Each palette is created from a base color, featuring cool, clear, and contrasting Winter hues that follow professional color theory principles. Perfect for personal style coordination, home decor, and creative projects for those with Winter personal coloring.
Winter Colors
True Red →
HEX#FF0000
RGBrgb(255, 0, 0)
Royal Blue →
HEX#4169E1
RGBrgb(65, 105, 225)
Pure White →
HEX#FFFFFF
RGBrgb(255, 255, 255)
True Black →
HEX#000000
RGBrgb(0, 0, 0)
Magenta →
HEX#FF00FF
RGBrgb(255, 0, 255)
Emerald Green →
HEX#50C878
RGBrgb(80, 200, 120)
Cobalt Blue →
HEX#0047AB
RGBrgb(0, 71, 171)
Hot Pink →
HEX#FF69B4
RGBrgb(255, 105, 180)
Electric Blue →
HEX#007FFF
RGBrgb(0, 127, 255)
Ice Blue →
HEX#99FFFF
RGBrgb(153, 255, 255)
Electric Purple →
HEX#BF00FF
RGBrgb(191, 0, 255)
Navy Blue →
HEX#000080
RGBrgb(0, 0, 128)
Bright Purple →
HEX#BF00FF
RGBrgb(191, 0, 255)
True Cyan →
HEX#00FFFF
RGBrgb(0, 255, 255)
Lemon Yellow →
HEX#FFF44F
RGBrgb(255, 244, 79)
Cherry Red →
HEX#DE3163
RGBrgb(222, 49, 99)
Ice Gray →
HEX#C0C0C0
RGBrgb(192, 192, 192)
Deep Purple →
HEX#301934
RGBrgb(48, 25, 52)
Bright Teal →
HEX#00CED1
RGBrgb(0, 206, 209)
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)
Charcoal Gray →
HEX#36454F
RGBrgb(54, 69, 79)
True Orange →
HEX#FF5F1F
RGBrgb(255, 95, 31)
Turquoise →
HEX#40E0D0
RGBrgb(64, 224, 208)
Midnight Blue →
HEX#191970
RGBrgb(25, 25, 112)
Silver →
HEX#C0C0C0
RGBrgb(192, 192, 192)
Platinum →
HEX#E5E4E2
RGBrgb(229, 228, 226)
Indigo →
HEX#4B0082
RGBrgb(75, 0, 130)
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 Winter hue.
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
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
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
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
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
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
Hot Pink
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFCFE7
Light
#FFAFD6
Medium Light
#FF8EC5
Medium
#FF69B4
Medium Dark
#DC4E90
Dark
#BA326E
Darkest
#98114E
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FF69B4
Left Dark
#FF90C4
Left Medium
#FFB3D4
Left Light
#FCD5E4
Neutral
#F5F5F5
Right Light
#D8F9E5
Right Medium
#B9FBD4
Right Dark
#96FEC4
Complementary End
#69FFB4
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFB8D9
Medium
#FF69B4
Dark
#9D0060
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#B469FF
Left Adjacent 1
#FF69FF
Main
#FF69B4
Right Adjacent 1
#FF6969
Right Adjacent 2
#FFB469
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FF69B4
Complementary
#69FFB4
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FF69B4
Secondary
#B4FF69
Tertiary
#69B4FF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FF69B4
Right 90°
#FFFF69
Complementary
#69FFB4
Left 90°
#6969FF
Tetradic
Two pairs of complementary colors
4 colors
Main
#FF69B4
Secondary
#FFB469
Complementary
#69FFB4
Complementary Secondary
#69B4FF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FF69B4
Split Left
#69FF69
Split Right
#69FFFF
Cyclic
Circular gradient for periodic data
8 colors
0°
#FF69B4
45°
#FF8E69
90°
#FFFF69
135°
#8EFF69
180°
#69FFB4
225°
#69DAFF
270°
#6969FF
315°
#DA69FF
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C99CB3
Pastel 1
#D1A9BD
Pastel 2
#D8B6C7
Pastel 3
#DFC3D1
Pastel 4
#E6D1DB
Deep Pastel
#EDDEE5
Electric 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
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
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
Navy Blue
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#484CFF
Light
#3333D3
Medium Light
#1D1BA9
Medium
#000080
Medium Dark
#0A075B
Dark
#0D0739
Darkest
#00001A
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#000080
Left Dark
#593D9E
Left Medium
#9077BB
Left Light
#C3B4D8
Neutral
#F5F5F5
Right Light
#DAD6BB
Right Medium
#BEB882
Right Dark
#A09C4B
Complementary End
#808000
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#947BC0
Medium
#000080
Dark
#00006F
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#008080
Left Adjacent 1
#004080
Main
#000080
Right Adjacent 1
#400080
Right Adjacent 2
#800080
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#000080
Complementary
#808000
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#000080
Secondary
#800000
Tertiary
#008000
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#000080
Right 90°
#800040
Complementary
#808000
Left 90°
#008040
Tetradic
Two pairs of complementary colors
4 colors
Main
#000080
Secondary
#800080
Complementary
#808000
Complementary Secondary
#008000
Split Complementary
Complementary colors ±30°
3 colors
Main
#000080
Split Left
#804000
Split Right
#408000
Cyclic
Circular gradient for periodic data
8 colors
0°
#000080
45°
#600080
90°
#800040
135°
#802000
180°
#808000
225°
#208000
270°
#008040
315°
#006080
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#9C9CC9
Pastel 1
#A9A9D1
Pastel 2
#B6B6D8
Pastel 3
#C3C3DF
Pastel 4
#D1D1E6
Deep Pastel
#DEDEED
Bright 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
True 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
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
Cherry Red
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFDEE9
Light
#FAABBA
Medium Light
#EF748D
Medium
#DE3163
Medium Dark
#A22648
Dark
#691A2F
Darkest
#360E18
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#DE3163
Left Dark
#EA6D85
Left Medium
#F39CA9
Left Light
#F7C9CE
Neutral
#F5F5F5
Right Light
#CFF0E2
Right Medium
#A6EBD0
Right Dark
#78E5BE
Complementary End
#31DEAC
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#F8A1AD
Medium
#DE3163
Dark
#90002A
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#AC31DE
Left Adjacent 1
#DE31B9
Main
#DE3163
Right Adjacent 1
#DE5631
Right Adjacent 2
#DEAC31
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#DE3163
Complementary
#31DEAC
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#DE3163
Secondary
#63DE31
Tertiary
#3163DE
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#DE3163
Right 90°
#B9DE31
Complementary
#31DEAC
Left 90°
#5631DE
Tetradic
Two pairs of complementary colors
4 colors
Main
#DE3163
Secondary
#DEAC31
Complementary
#31DEAC
Complementary Secondary
#3163DE
Split Complementary
Complementary colors ±30°
3 colors
Main
#DE3163
Split Left
#31DE56
Split Right
#31B9DE
Cyclic
Circular gradient for periodic data
8 colors
0°
#DE3163
45°
#DE8131
90°
#B9DE31
135°
#38DE31
180°
#31DEAC
225°
#318EDE
270°
#5631DE
315°
#D731DE
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C3A2AB
Pastel 1
#CBAEB7
Pastel 2
#D3BBC2
Pastel 3
#DBC7CD
Pastel 4
#E3D4D8
Deep Pastel
#EBE0E3
Ice Gray
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
Deep Purple
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#AB62B8
Light
#7F4889
Medium Light
#56305D
Medium
#301934
Medium Dark
#251528
Dark
#1B101D
Darkest
#100811
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#301934
Left Dark
#5D495F
Left Medium
#8D7F8F
Left Light
#C0B8C1
Neutral
#F5F5F5
Right Light
#BAC1B8
Right Medium
#828F7E
Right Dark
#4E6049
Complementary End
#1D3419
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#928393
Medium
#301934
Dark
#220B26
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#191D34
Left Adjacent 1
#221934
Main
#301934
Right Adjacent 1
#34192A
Right Adjacent 2
#34191D
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#301934
Complementary
#1D3419
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#301934
Secondary
#343019
Tertiary
#193430
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#301934
Right 90°
#342319
Complementary
#1D3419
Left 90°
#192B34
Tetradic
Two pairs of complementary colors
4 colors
Main
#301934
Secondary
#34191D
Complementary
#1D3419
Complementary Secondary
#193430
Split Complementary
Complementary colors ±30°
3 colors
Main
#301934
Split Left
#2A3419
Split Right
#193423
Cyclic
Circular gradient for periodic data
8 colors
0°
#301934
45°
#341924
90°
#342319
135°
#313419
180°
#1D3419
225°
#193429
270°
#192B34
315°
#1C1934
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#B8AABB
Pastel 1
#C2B6C4
Pastel 2
#CBC1CD
Pastel 3
#D4CCD6
Pastel 4
#DED8DF
Deep Pastel
#E7E3E8
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
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
Charcoal Gray
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#91ADBF
Light
#718898
Medium Light
#536672
Medium
#36454F
Medium Dark
#28333A
Dark
#1B2126
Darkest
#0D1012
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#36454F
Left Dark
#626D75
Left Medium
#90989E
Left Light
#C2C6C9
Neutral
#F5F5F5
Right Light
#C9C4C1
Right Medium
#9F9590
Right Dark
#766961
Complementary End
#4F4036
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#959DA3
Medium
#36454F
Dark
#17262F
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#364F40
Left Adjacent 1
#364F4D
Main
#36454F
Right Adjacent 1
#36394F
Right Adjacent 2
#40364F
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#36454F
Complementary
#4F4036
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#36454F
Secondary
#4F3645
Tertiary
#454F36
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#36454F
Right 90°
#4C364F
Complementary
#4F4036
Left 90°
#394F36
Tetradic
Two pairs of complementary colors
4 colors
Main
#36454F
Secondary
#40364F
Complementary
#4F4036
Complementary Secondary
#454F36
Split Complementary
Complementary colors ±30°
3 colors
Main
#36454F
Split Left
#4F3639
Split Right
#4F4D36
Cyclic
Circular gradient for periodic data
8 colors
0°
#36454F
45°
#3A364F
90°
#4C364F
135°
#4F363F
180°
#4F4036
225°
#4B4F36
270°
#394F36
315°
#364F46
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#ABB4BA
Pastel 1
#B6BEC3
Pastel 2
#C1C8CD
Pastel 3
#CDD2D6
Pastel 4
#D8DCDF
Deep Pastel
#E3E6E8
True 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
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
Midnight Blue
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#7374E6
Light
#5554BD
Medium Light
#383696
Medium
#191970
Medium Dark
#151552
Dark
#101036
Darkest
#06061D
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#191970
Left Dark
#584A91
Left Medium
#8D7FB2
Left Light
#C1B9D3
Neutral
#F5F5F5
Right Light
#D5D2BC
Right Medium
#B4B085
Right Dark
#928F50
Complementary End
#707019
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#9184B7
Medium
#191970
Dark
#00095C
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#197070
Left Adjacent 1
#194470
Main
#191970
Right Adjacent 1
#441970
Right Adjacent 2
#701970
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#191970
Complementary
#707019
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#191970
Secondary
#701919
Tertiary
#197019
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#191970
Right 90°
#701945
Complementary
#707019
Left 90°
#197045
Tetradic
Two pairs of complementary colors
4 colors
Main
#191970
Secondary
#701970
Complementary
#707019
Complementary Secondary
#197019
Split Complementary
Complementary colors ±30°
3 colors
Main
#191970
Split Left
#704419
Split Right
#457019
Cyclic
Circular gradient for periodic data
8 colors
0°
#191970
45°
#5A1970
90°
#701945
135°
#702F19
180°
#707019
225°
#2F7019
270°
#197045
315°
#195A70
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#A4A4C1
Pastel 1
#B0B0C9
Pastel 2
#BCBCD2
Pastel 3
#C8C8DA
Pastel 4
#D4D4E2
Deep Pastel
#E1E1EA
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
Platinum
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#F3F2F2
Light
#EEEEEC
Medium Light
#EAE9E7
Medium
#E5E4E2
Medium Dark
#C3C2BF
Dark
#A2A09D
Darkest
#82807D
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#E5E4E2
Left Dark
#E9E8E7
Left Medium
#EDECEB
Left Light
#F1F1F0
Neutral
#F5F5F5
Right Light
#F0F0F1
Right Medium
#EBECED
Right Dark
#E7E7E9
Complementary End
#E2E3E5
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#F2F1F0
Medium
#E5E4E2
Dark
#6C6B69
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#E5E2E3
Left Adjacent 1
#E5E3E2
Main
#E5E4E2
Right Adjacent 1
#E4E5E2
Right Adjacent 2
#E3E5E2
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#E5E4E2
Complementary
#E2E3E5
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#E5E4E2
Secondary
#E2E5E4
Tertiary
#E4E2E5
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#E5E4E2
Right 90°
#E2E5E3
Complementary
#E2E3E5
Left 90°
#E5E2E4
Tetradic
Two pairs of complementary colors
4 colors
Main
#E5E4E2
Secondary
#E3E5E2
Complementary
#E2E3E5
Complementary Secondary
#E4E2E5
Split Complementary
Complementary colors ±30°
3 colors
Main
#E5E4E2
Split Left
#E2E4E5
Split Right
#E3E2E5
Cyclic
Circular gradient for periodic data
8 colors
0°
#E5E4E2
45°
#E4E5E2
90°
#E2E5E3
135°
#E2E5E5
180°
#E2E3E5
225°
#E3E2E5
270°
#E5E2E4
315°
#E5E2E2
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#BAB5AB
Pastel 1
#C3BFB6
Pastel 2
#CDC9C1
Pastel 3
#D6D3CD
Pastel 4
#DFDCD8
Deep Pastel
#E8E6E3
Indigo
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#B64CFF
Light
#9134D4
Medium Light
#6D1CAA
Medium
#4B0082
Medium Dark
#36095D
Dark
#220A3B
Darkest
#10001C
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#4B0082
Left Dark
#79469F
Left Medium
#A47EBC
Left Light
#CDB9D8
Neutral
#F5F5F5
Right Light
#C8D8BA
Right Medium
#9ABB81
Right Dark
#6C9E49
Complementary End
#378200
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#A883C0
Medium
#4B0082
Dark
#2E0068
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#003782
Left Adjacent 1
#0A0082
Main
#4B0082
Right Adjacent 1
#820078
Right Adjacent 2
#820037
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#4B0082
Complementary
#378200
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#4B0082
Secondary
#824B00
Tertiary
#00824B
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#4B0082
Right 90°
#820A00
Complementary
#378200
Left 90°
#007882
Tetradic
Two pairs of complementary colors
4 colors
Main
#4B0082
Secondary
#820037
Complementary
#378200
Complementary Secondary
#00824B
Split Complementary
Complementary colors ±30°
3 colors
Main
#4B0082
Split Left
#788200
Split Right
#00820A
Cyclic
Circular gradient for periodic data
8 colors
0°
#4B0082
45°
#820057
90°
#820A00
135°
#826B00
180°
#378200
225°
#00822A
270°
#007882
315°
#001782
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#B69CC9
Pastel 1
#C0A9D1
Pastel 2
#C9B6D8
Pastel 3
#D3C3DF
Pastel 4
#DDD1E6
Deep Pastel
#E7DEED
Extract Winter Color Palette
Upload a photo to extract a Winter color palette with HEX and RGB codes.
click or drag your image here
Supported formats: JPG, PNG, WebP