Appearance
25+ Cool Winter (True Winter) Color Palettes
Generate 25+ Cool Winter color palettes from seasonal colors. Each palette is created from a base color, featuring pure 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 Cool Winter personal coloring.
Cool Winter Colors
True Blue →
HEX#0073C2
RGBrgb(0, 115, 194)
Icy Pink →
HEX#FFB7C5
RGBrgb(255, 183, 197)
Pure White →
HEX#FFFFFF
RGBrgb(255, 255, 255)
True Black →
HEX#000000
RGBrgb(0, 0, 0)
Icy Blue →
HEX#99FFFF
RGBrgb(153, 255, 255)
Cool Red →
HEX#FF0000
RGBrgb(255, 0, 0)
Ice Gray →
HEX#C0C0C0
RGBrgb(192, 192, 192)
Cool Magenta →
HEX#FF00FF
RGBrgb(255, 0, 255)
Cool Cyan →
HEX#00FFFF
RGBrgb(0, 255, 255)
Royal Blue →
HEX#4169E1
RGBrgb(65, 105, 225)
Cool Purple →
HEX#800080
RGBrgb(128, 0, 128)
Cool Green →
HEX#008000
RGBrgb(0, 128, 0)
Cool Navy →
HEX#000080
RGBrgb(0, 0, 128)
Cool Silver →
HEX#C0C0C0
RGBrgb(192, 192, 192)
Cool Teal →
HEX#008080
RGBrgb(0, 128, 128)
Cool Violet →
HEX#8A2BE2
RGBrgb(138, 43, 226)
Cool Turquoise →
HEX#40E0D0
RGBrgb(64, 224, 208)
Cool Charcoal →
HEX#36454F
RGBrgb(54, 69, 79)
Cool Lilac →
HEX#C8A2C8
RGBrgb(200, 162, 200)
Cool Mint →
HEX#98FF98
RGBrgb(152, 255, 152)
Cool Sapphire →
HEX#0F52BA
RGBrgb(15, 82, 186)
Cool Ruby →
HEX#E0115F
RGBrgb(224, 17, 95)
Cool Emerald →
HEX#50C878
RGBrgb(80, 200, 120)
Cool Platinum →
HEX#E5E4E2
RGBrgb(229, 228, 226)
Cool Rose →
HEX#FF007F
RGBrgb(255, 0, 127)
Cool Lavender →
HEX#E6E6FA
RGBrgb(230, 230, 250)
Cool Sky Blue →
HEX#87CEEB
RGBrgb(135, 206, 235)
Cool Slate →
HEX#708090
RGBrgb(112, 128, 144)
Cool Steel →
HEX#4682B4
RGBrgb(70, 130, 180)
Cool Aqua →
HEX#00FFFF
RGBrgb(0, 255, 255)
Cool 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 Cool Winter hue.
True Blue
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#85D2FF
Light
#66B1EB
Medium Light
#4291D6
Medium
#0073C2
Medium Dark
#174F82
Dark
#152E48
Darkest
#060E15
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#0073C2
Left Dark
#6591CF
Left Medium
#99B1DC
Left Light
#C8D3E9
Neutral
#F5F5F5
Right Light
#F2CBB8
Right Medium
#E7A27E
Right Dark
#D77945
Complementary End
#C24F00
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#9DB6E1
Medium
#0073C2
Dark
#003C82
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#00C24F
Left Adjacent 1
#00C2B0
Main
#0073C2
Right Adjacent 1
#0012C2
Right Adjacent 2
#4F00C2
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#0073C2
Complementary
#C24F00
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#0073C2
Secondary
#C20073
Tertiary
#73C200
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#0073C2
Right 90°
#B000C2
Complementary
#C24F00
Left 90°
#12C200
Tetradic
Two pairs of complementary colors
4 colors
Main
#0073C2
Secondary
#4F00C2
Complementary
#C24F00
Complementary Secondary
#73C200
Split Complementary
Complementary colors ±30°
3 colors
Main
#0073C2
Split Left
#C20012
Split Right
#C2B000
Cyclic
Circular gradient for periodic data
8 colors
0°
#0073C2
45°
#1E00C2
90°
#B000C2
135°
#C20042
180°
#C24F00
225°
#A3C200
270°
#12C200
315°
#00C280
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#9CB7C9
Pastel 1
#A9C0D1
Pastel 2
#B6CAD8
Pastel 3
#C3D4DF
Pastel 4
#D1DDE6
Deep Pastel
#DEE7ED
Icy Pink
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFE5EA
Light
#FFD6DE
Medium Light
#FFC7D1
Medium
#FFB7C5
Medium Dark
#FD8C91
Dark
#F45E5F
Darkest
#E61730
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FFB7C5
Left Dark
#FEC7D1
Left Medium
#FCD6DD
Left Light
#F9E6E9
Neutral
#F5F5F5
Right Light
#E7F8F4
Right Medium
#D8FAF3
Right Dark
#C8FDF2
Complementary End
#B7FFF1
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFDBE2
Medium
#FFB7C5
Dark
#8C4D5B
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#F1B7FF
Left Adjacent 1
#FFB7E9
Main
#FFB7C5
Right Adjacent 1
#FFCDB7
Right Adjacent 2
#FFF1B7
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FFB7C5
Complementary
#B7FFF1
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FFB7C5
Secondary
#C5FFB7
Tertiary
#B7C5FF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FFB7C5
Right 90°
#E9FFB7
Complementary
#B7FFF1
Left 90°
#CDB7FF
Tetradic
Two pairs of complementary colors
4 colors
Main
#FFB7C5
Secondary
#FFF1B7
Complementary
#B7FFF1
Complementary Secondary
#B7C5FF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FFB7C5
Split Left
#B7FFCD
Split Right
#B7E9FF
Cyclic
Circular gradient for periodic data
8 colors
0°
#FFB7C5
45°
#FFDFB7
90°
#E9FFB7
135°
#B7FFBB
180°
#B7FFF1
225°
#B7D7FF
270°
#CDB7FF
315°
#FFB7FB
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C99CA4
Pastel 1
#D1A9B1
Pastel 2
#D8B6BD
Pastel 3
#DFC3C9
Pastel 4
#E6D1D5
Deep Pastel
#EDDEE1
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
Icy 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
Cool 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
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
Cool 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
Cool 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
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
Cool Purple
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FF47FF
Light
#D331D3
Medium Light
#A91BA9
Medium
#800080
Medium Dark
#5B0A5B
Dark
#380B39
Darkest
#1A001A
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#800080
Left Dark
#A0509D
Left Medium
#BE87BA
Left Light
#DABDD7
Neutral
#F5F5F5
Right Light
#C2D8BA
Right Medium
#8EBB80
Right Dark
#589D48
Complementary End
#008000
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#C38BBF
Medium
#800080
Dark
#58005A
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#000080
Left Adjacent 1
#400080
Main
#800080
Right Adjacent 1
#800040
Right Adjacent 2
#800000
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#800080
Complementary
#008000
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#800080
Secondary
#808000
Tertiary
#008080
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#800080
Right 90°
#804000
Complementary
#008000
Left 90°
#004080
Tetradic
Two pairs of complementary colors
4 colors
Main
#800080
Secondary
#800000
Complementary
#008000
Complementary Secondary
#008080
Split Complementary
Complementary colors ±30°
3 colors
Main
#800080
Split Left
#408000
Split Right
#008040
Cyclic
Circular gradient for periodic data
8 colors
0°
#800080
45°
#800020
90°
#804000
135°
#608000
180°
#008000
225°
#008060
270°
#004080
315°
#200080
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C99CC9
Pastel 1
#D1A9D1
Pastel 2
#D8B6D8
Pastel 3
#DFC3DF
Pastel 4
#E6D1E6
Deep Pastel
#EDDEED
Cool Green
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#41FF46
Light
#2DD330
Medium Light
#19A91A
Medium
#008000
Medium Dark
#085B09
Dark
#09380A
Darkest
#001A00
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#008000
Left Dark
#589D48
Left Medium
#8EBB80
Left Light
#C2D8BA
Neutral
#F5F5F5
Right Light
#DABDD7
Right Medium
#BE87BA
Right Dark
#A0509D
Complementary End
#800080
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#93BF85
Medium
#008000
Dark
#004500
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#808000
Left Adjacent 1
#408000
Main
#008000
Right Adjacent 1
#008040
Right Adjacent 2
#008080
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#008000
Complementary
#800080
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#008000
Secondary
#000080
Tertiary
#800000
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#008000
Right 90°
#004080
Complementary
#800080
Left 90°
#804000
Tetradic
Two pairs of complementary colors
4 colors
Main
#008000
Secondary
#008080
Complementary
#800080
Complementary Secondary
#800000
Split Complementary
Complementary colors ±30°
3 colors
Main
#008000
Split Left
#400080
Split Right
#800040
Cyclic
Circular gradient for periodic data
8 colors
0°
#008000
45°
#008060
90°
#004080
135°
#200080
180°
#800080
225°
#800020
270°
#804000
315°
#608000
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
Cool Navy
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
Cool 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
Cool Teal
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#28FFFF
Light
#1AD3D3
Medium Light
#0CA9A9
Medium
#008080
Medium Dark
#055B5B
Dark
#053939
Darkest
#001A1A
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#008080
Left Dark
#599D9C
Left Medium
#8FBAB9
Left Light
#C2D7D6
Neutral
#F5F5F5
Right Light
#E0BBB2
Right Medium
#C68273
Right Dark
#A54B39
Complementary End
#800000
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#93BEBD
Medium
#008080
Dark
#004445
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#008000
Left Adjacent 1
#008040
Main
#008080
Right Adjacent 1
#004080
Right Adjacent 2
#000080
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#008080
Complementary
#800000
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#008080
Secondary
#800080
Tertiary
#808000
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#008080
Right 90°
#400080
Complementary
#800000
Left 90°
#408000
Tetradic
Two pairs of complementary colors
4 colors
Main
#008080
Secondary
#000080
Complementary
#800000
Complementary Secondary
#808000
Split Complementary
Complementary colors ±30°
3 colors
Main
#008080
Split Left
#800040
Split Right
#804000
Cyclic
Circular gradient for periodic data
8 colors
0°
#008080
45°
#002080
90°
#400080
135°
#800060
180°
#800000
225°
#806000
270°
#408000
315°
#008020
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
Cool Violet
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#EFDDFF
Light
#D2A5F6
Medium Light
#B16CED
Medium
#8A2BE2
Medium Dark
#6420A4
Dark
#41156A
Darkest
#210A36
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#8A2BE2
Left Dark
#AB64E8
Left Medium
#C795EE
Left Light
#E0C5F2
Neutral
#F5F5F5
Right Light
#DDF1C7
Right Medium
#C3ED99
Right Dark
#A6E868
Complementary End
#83E22B
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#CC9AF2
Medium
#8A2BE2
Dark
#4900A6
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#2B83E2
Left Adjacent 1
#2F2BE2
Main
#8A2BE2
Right Adjacent 1
#E22BDE
Right Adjacent 2
#E22B83
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#8A2BE2
Complementary
#83E22B
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#8A2BE2
Secondary
#E28A2B
Tertiary
#2BE28A
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#8A2BE2
Right 90°
#E22F2B
Complementary
#83E22B
Left 90°
#2BDEE2
Tetradic
Two pairs of complementary colors
4 colors
Main
#8A2BE2
Secondary
#E22B83
Complementary
#83E22B
Complementary Secondary
#2BE28A
Split Complementary
Complementary colors ±30°
3 colors
Main
#8A2BE2
Split Left
#DEE22B
Split Right
#2BE22F
Cyclic
Circular gradient for periodic data
8 colors
0°
#8A2BE2
45°
#E22BB1
90°
#E22F2B
135°
#E2B82B
180°
#83E22B
225°
#2BE25C
270°
#2BDEE2
315°
#2B55E2
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#B3A1C4
Pastel 1
#BDAECC
Pastel 2
#C7BAD4
Pastel 3
#D1C7DC
Pastel 4
#DCD3E3
Deep Pastel
#E6E0EB
Cool 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
Cool Charcoal
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
Cool Lilac
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#EEE2EE
Light
#E1CCE1
Medium Light
#D5B7D5
Medium
#C8A2C8
Medium Dark
#A47FA4
Dark
#825D81
Darkest
#603D60
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#C8A2C8
Left Dark
#D3B6D3
Left Medium
#DFCBDE
Left Light
#EAE0EA
Neutral
#F5F5F5
Right Light
#E0EAE0
Right Medium
#CBDFCB
Right Dark
#B7D3B6
Complementary End
#A2C8A2
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#E4D0E3
Medium
#C8A2C8
Dark
#6A486A
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#A2A2C8
Left Adjacent 1
#B5A2C8
Main
#C8A2C8
Right Adjacent 1
#C8A2B5
Right Adjacent 2
#C8A2A2
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#C8A2C8
Complementary
#A2C8A2
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#C8A2C8
Secondary
#C8C8A2
Tertiary
#A2C8C8
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#C8A2C8
Right 90°
#C8B5A2
Complementary
#A2C8A2
Left 90°
#A2B5C8
Tetradic
Two pairs of complementary colors
4 colors
Main
#C8A2C8
Secondary
#C8A2A2
Complementary
#A2C8A2
Complementary Secondary
#A2C8C8
Split Complementary
Complementary colors ±30°
3 colors
Main
#C8A2C8
Split Left
#B5C8A2
Split Right
#A2C8B5
Cyclic
Circular gradient for periodic data
8 colors
0°
#C8A2C8
45°
#C8A2AB
90°
#C8B5A2
135°
#BFC8A2
180°
#A2C8A2
225°
#A2C8BF
270°
#A2B5C8
315°
#ABA2C8
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#BAABBA
Pastel 1
#C3B6C3
Pastel 2
#CDC1CD
Pastel 3
#D6CDD6
Pastel 4
#DFD8DF
Deep Pastel
#E8E3E8
Cool Mint
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#E5FFE5
Light
#CEFFCC
Medium Light
#B4FFB2
Medium
#98FF98
Medium Dark
#79ED72
Dark
#56DC4B
Darkest
#20CA15
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#98FF98
Left Dark
#B3FDB0
Left Medium
#CBFBC7
Left Light
#E0F8DE
Neutral
#F5F5F5
Right Light
#F9DFF8
Right Medium
#FCC8FB
Right Dark
#FEB1FD
Complementary End
#FF98FF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#CFFFCC
Medium
#98FF98
Dark
#007F22
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FFFF98
Left Adjacent 1
#CCFF98
Main
#98FF98
Right Adjacent 1
#98FFCC
Right Adjacent 2
#98FFFF
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#98FF98
Complementary
#FF98FF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#98FF98
Secondary
#9898FF
Tertiary
#FF9898
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#98FF98
Right 90°
#98CBFF
Complementary
#FF98FF
Left 90°
#FFCC98
Tetradic
Two pairs of complementary colors
4 colors
Main
#98FF98
Secondary
#98FFFF
Complementary
#FF98FF
Complementary Secondary
#FF9898
Split Complementary
Complementary colors ±30°
3 colors
Main
#98FF98
Split Left
#CB98FF
Split Right
#FF98CC
Cyclic
Circular gradient for periodic data
8 colors
0°
#98FF98
45°
#98FFE5
90°
#98CBFF
135°
#B298FF
180°
#FF98FF
225°
#FF98B2
270°
#FFCC98
315°
#E5FF98
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
Cool Sapphire
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
Cool Ruby
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
Cool Emerald
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
Cool 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
Cool 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
Cool 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
Cool 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
Cool Slate
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#DEE7F0
Light
#B8C3CF
Medium Light
#93A1AF
Medium
#708090
Medium Dark
#515B65
Dark
#34393D
Darkest
#1A1A1A
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#708090
Left Dark
#909CA8
Left Medium
#B1B9C1
Left Light
#D2D6DB
Neutral
#F5F5F5
Right Light
#DBD6D2
Right Medium
#C2B9B0
Right Dark
#A99C8F
Complementary End
#908070
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#B6BDC6
Medium
#708090
Dark
#31404E
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#709080
Left Adjacent 1
#709090
Main
#708090
Right Adjacent 1
#707090
Right Adjacent 2
#807090
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#708090
Complementary
#908070
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#708090
Secondary
#907080
Tertiary
#809070
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#708090
Right 90°
#907090
Complementary
#908070
Left 90°
#709070
Tetradic
Two pairs of complementary colors
4 colors
Main
#708090
Secondary
#807090
Complementary
#908070
Complementary Secondary
#809070
Split Complementary
Complementary colors ±30°
3 colors
Main
#708090
Split Left
#907070
Split Right
#909070
Cyclic
Circular gradient for periodic data
8 colors
0°
#708090
45°
#787090
90°
#907090
135°
#907078
180°
#908070
225°
#889070
270°
#709070
315°
#709088
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#ABB3BA
Pastel 1
#B6BDC3
Pastel 2
#C1C7CD
Pastel 3
#CDD1D6
Pastel 4
#D8DBDF
Deep Pastel
#E3E5E8
Cool Steel
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#D1E5F6
Light
#A5C3E0
Medium Light
#78A2CA
Medium
#4682B4
Medium Dark
#355C7D
Dark
#24384A
Darkest
#12171D
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#4682B4
Left Dark
#779DC4
Left Medium
#A3BAD4
Left Light
#CCD7E5
Neutral
#F5F5F5
Right Light
#E8D4C7
Right Medium
#D9B59A
Right Dark
#C89670
Complementary End
#B47846
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#A7BED9
Medium
#4682B4
Dark
#00436F
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#46B478
Left Adjacent 1
#46B4AF
Main
#4682B4
Right Adjacent 1
#464BB4
Right Adjacent 2
#7846B4
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#4682B4
Complementary
#B47846
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#4682B4
Secondary
#B44682
Tertiary
#82B446
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#4682B4
Right 90°
#AF46B4
Complementary
#B47846
Left 90°
#4BB446
Tetradic
Two pairs of complementary colors
4 colors
Main
#4682B4
Secondary
#7846B4
Complementary
#B47846
Complementary Secondary
#82B446
Split Complementary
Complementary colors ±30°
3 colors
Main
#4682B4
Split Left
#B4464B
Split Right
#B4AF46
Cyclic
Circular gradient for periodic data
8 colors
0°
#4682B4
45°
#5D46B4
90°
#AF46B4
135°
#B44666
180°
#B47846
225°
#9EB446
270°
#4BB446
315°
#46B493
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#A8B3BD
Pastel 1
#B4BDC5
Pastel 2
#BFC8CE
Pastel 3
#CBD2D7
Pastel 4
#D7DCE0
Deep Pastel
#E2E6E9
Cool Aqua
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
Extract Cool Winter Color Palette
Upload a photo to extract a Cool Winter color palette with HEX and RGB codes.
click or drag your image here
Supported formats: JPG, PNG, WebP