Appearance
25+ Warm Spring (True Spring) Color Palettes
Generate 25+ Warm Spring color palettes from seasonal colors. Each palette is created from a base color, featuring warm, bright, and clear Spring hues with golden undertones that follow professional color theory principles. Perfect for personal style coordination, home decor, and creative projects for those with Warm Spring personal coloring.
Warm Spring Colors
Gold →
HEX#FFD700
RGBrgb(255, 215, 0)
Coral →
HEX#FF7F50
RGBrgb(255, 127, 80)
Chartreuse →
HEX#7FFF00
RGBrgb(127, 255, 0)
Goldenrod →
HEX#DAA520
RGBrgb(218, 165, 32)
Yellow Green →
HEX#9ACD32
RGBrgb(154, 205, 50)
Apricot →
HEX#FBCEB1
RGBrgb(251, 206, 177)
Banana →
HEX#FFE135
RGBrgb(255, 225, 53)
Light Goldenrod →
HEX#FAFAD2
RGBrgb(250, 250, 210)
Pale Goldenrod →
HEX#EEE8AA
RGBrgb(238, 232, 170)
Lawn Green →
HEX#7CFC00
RGBrgb(124, 252, 0)
Moccasin →
HEX#FFE4B5
RGBrgb(255, 228, 181)
Light Salmon →
HEX#FFA07A
RGBrgb(255, 160, 122)
Peach Puff →
HEX#FFDAB9
RGBrgb(255, 218, 185)
Dark Goldenrod →
HEX#B8860B
RGBrgb(184, 134, 11)
Orange →
HEX#FFA500
RGBrgb(255, 165, 0)
Chocolate →
HEX#D2691E
RGBrgb(210, 105, 30)
Cornsilk →
HEX#FFF8DC
RGBrgb(255, 248, 220)
Lemon Chiffon →
HEX#FFFACD
RGBrgb(255, 250, 205)
Sandy Brown →
HEX#F4A460
RGBrgb(244, 164, 96)
Papaya Whip →
HEX#FFEFD5
RGBrgb(255, 239, 213)
Blanched Almond →
HEX#FFEBCD
RGBrgb(255, 235, 205)
Bisque →
HEX#FFE4C4
RGBrgb(255, 228, 196)
Navajo White →
HEX#FFDEAD
RGBrgb(255, 222, 173)
Wheat →
HEX#F5DEB3
RGBrgb(245, 222, 179)
Pale Green →
HEX#98FB98
RGBrgb(152, 251, 152)
Peru →
HEX#CD853F
RGBrgb(205, 133, 63)
Dark Orange →
HEX#FF8C00
RGBrgb(255, 140, 0)
Floral White →
HEX#FFFAF0
RGBrgb(255, 250, 240)
Olive Drab →
HEX#6B8E23
RGBrgb(107, 142, 35)
Warm Spring Color Palettes
Click on any color below to view a complete color palette generated from that base color. Each palette is algorithmically created to harmonize with the selected Warm Spring hue.
Gold
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFF7C5
Light
#FFEC93
Medium Light
#FFE15E
Medium
#FFD700
Medium Dark
#B5990F
Dark
#705F10
Darkest
#322B09
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FFD700
Left Dark
#FFDE5E
Left Medium
#FFE593
Left Light
#FEEDC4
Neutral
#F5F5F5
Right Light
#D3C1FA
Right Medium
#AC8EFD
Right Dark
#7A5CFF
Complementary End
#0028FF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFEA98
Medium
#FFD700
Dark
#7C6500
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FF0028
Left Adjacent 1
#FF5700
Main
#FFD700
Right Adjacent 1
#A7FF00
Right Adjacent 2
#28FF00
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FFD700
Complementary
#0028FF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FFD700
Secondary
#00FFD7
Tertiary
#D700FF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FFD700
Right 90°
#00FF58
Complementary
#0028FF
Left 90°
#FF00A7
Tetradic
Two pairs of complementary colors
4 colors
Main
#FFD700
Secondary
#28FF00
Complementary
#0028FF
Complementary Secondary
#D700FF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FFD700
Split Left
#00A7FF
Split Right
#5800FF
Cyclic
Circular gradient for periodic data
8 colors
0°
#FFD700
45°
#68FF00
90°
#00FF58
135°
#00E7FF
180°
#0028FF
225°
#9700FF
270°
#FF00A7
315°
#FF1800
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C9C29C
Pastel 1
#D1CAA9
Pastel 2
#D8D2B6
Pastel 3
#DFDBC3
Pastel 4
#E6E3D1
Deep Pastel
#EDEBDE
Coral
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFEBE1
Light
#FFC7AF
Medium Light
#FFA47F
Medium
#FF7F50
Medium Dark
#D36137
Dark
#A9431E
Darkest
#802706
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FF7F50
Left Dark
#FF9E78
Left Medium
#FFBBA0
Left Light
#FFD8CA
Neutral
#F5F5F5
Right Light
#D5ECF8
Right Medium
#B2E3FA
Right Dark
#89D9FD
Complementary End
#50D0FF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFC0A5
Medium
#FF7F50
Dark
#962500
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FF50D0
Left Adjacent 1
#FF5079
Main
#FF7F50
Right Adjacent 1
#FFD650
Right Adjacent 2
#D0FF50
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FF7F50
Complementary
#50D0FF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FF7F50
Secondary
#50FF7F
Tertiary
#7F50FF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FF7F50
Right 90°
#79FF50
Complementary
#50D0FF
Left 90°
#D650FF
Tetradic
Two pairs of complementary colors
4 colors
Main
#FF7F50
Secondary
#D0FF50
Complementary
#50D0FF
Complementary Secondary
#7F50FF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FF7F50
Split Left
#50FFD6
Split Right
#5079FF
Cyclic
Circular gradient for periodic data
8 colors
0°
#FF7F50
45°
#FCFF50
90°
#79FF50
135°
#50FFAB
180°
#50D0FF
225°
#5350FF
270°
#D650FF
315°
#FF50A4
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C9A89C
Pastel 1
#D1B3A9
Pastel 2
#D8BFB6
Pastel 3
#DFCBC3
Pastel 4
#E6D6D1
Deep Pastel
#EDE2DE
Chartreuse
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#E3FFC6
Light
#C8FF96
Medium Light
#A7FF62
Medium
#7FFF00
Medium Dark
#5CB50E
Dark
#3B700E
Darkest
#1C3207
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#7FFF00
Left Dark
#A7FE62
Left Medium
#C5FB97
Left Light
#DFF9C6
Neutral
#F5F5F5
Right Light
#E1C2FA
Right Medium
#C78FFD
Right Dark
#A859FE
Complementary End
#8000FF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#CAFF9B
Medium
#7FFF00
Dark
#008000
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FF8000
Left Adjacent 1
#FEFF00
Main
#7FFF00
Right Adjacent 1
#00FF01
Right Adjacent 2
#00FF80
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#7FFF00
Complementary
#8000FF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#7FFF00
Secondary
#007FFF
Tertiary
#FF007F
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#7FFF00
Right 90°
#00FEFF
Complementary
#8000FF
Left 90°
#FF0100
Tetradic
Two pairs of complementary colors
4 colors
Main
#7FFF00
Secondary
#00FF80
Complementary
#8000FF
Complementary Secondary
#FF007F
Split Complementary
Complementary colors ±30°
3 colors
Main
#7FFF00
Split Left
#0000FF
Split Right
#FF00FE
Cyclic
Circular gradient for periodic data
8 colors
0°
#7FFF00
45°
#00FF40
90°
#00FEFF
135°
#003FFF
180°
#8000FF
225°
#FF00BF
270°
#FF0100
315°
#FFC000
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#B2C99C
Pastel 1
#BDD1A9
Pastel 2
#C7D8B6
Pastel 3
#D1DFC3
Pastel 4
#DBE6D1
Deep Pastel
#E5EDDE
Goldenrod
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FAECC7
Light
#F3D493
Medium Light
#E8BC5F
Medium
#DAA520
Medium Dark
#99741E
Dark
#5D4718
Darkest
#261F0E
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#DAA520
Left Dark
#E6B85D
Left Medium
#EFCC90
Left Light
#F4E0C2
Neutral
#F5F5F5
Right Light
#CDCAF0
Right Medium
#A2A1E9
Right Dark
#717AE2
Complementary End
#2055DA
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#F4D195
Medium
#DAA520
Dark
#724D00
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#DA2055
Left Adjacent 1
#DA4820
Main
#DAA520
Right Adjacent 1
#B2DA20
Right Adjacent 2
#55DA20
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#DAA520
Complementary
#2055DA
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#DAA520
Secondary
#20DAA5
Tertiary
#A520DA
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#DAA520
Right 90°
#20DA48
Complementary
#2055DA
Left 90°
#DA20B2
Tetradic
Two pairs of complementary colors
4 colors
Main
#DAA520
Secondary
#55DA20
Complementary
#2055DA
Complementary Secondary
#A520DA
Split Complementary
Complementary colors ±30°
3 colors
Main
#DAA520
Split Left
#20B2DA
Split Right
#4820DA
Cyclic
Circular gradient for periodic data
8 colors
0°
#DAA520
45°
#84DA20
90°
#20DA48
135°
#20DAD3
180°
#2055DA
225°
#7620DA
270°
#DA20B2
315°
#DA2027
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C4BAA1
Pastel 1
#CBC3AE
Pastel 2
#D3CCBA
Pastel 3
#DBD6C7
Pastel 4
#E3DFD3
Deep Pastel
#EBE8E0
Yellow Green
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#E9F6D0
Light
#D1E89F
Medium Light
#B7DB6C
Medium
#9ACD32
Medium Dark
#6E9228
Dark
#465A1D
Darkest
#202810
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#9ACD32
Left Dark
#B4D769
Left Medium
#CCE198
Left Light
#E1EBC7
Neutral
#F5F5F5
Right Light
#D6C3EC
Right Medium
#B593E3
Right Dark
#9063D8
Complementary End
#6532CD
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#D1E69D
Medium
#9ACD32
Dark
#2F6700
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#CD6532
Left Adjacent 1
#CDB332
Main
#9ACD32
Right Adjacent 1
#4CCD32
Right Adjacent 2
#32CD65
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#9ACD32
Complementary
#6532CD
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#9ACD32
Secondary
#329ACD
Tertiary
#CD329A
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#9ACD32
Right 90°
#32CDB3
Complementary
#6532CD
Left 90°
#CD324C
Tetradic
Two pairs of complementary colors
4 colors
Main
#9ACD32
Secondary
#32CD65
Complementary
#6532CD
Complementary Secondary
#CD329A
Split Complementary
Complementary colors ±30°
3 colors
Main
#9ACD32
Split Left
#324CCD
Split Right
#B332CD
Cyclic
Circular gradient for periodic data
8 colors
0°
#9ACD32
45°
#32CD3E
90°
#32CDB3
135°
#3273CD
180°
#6532CD
225°
#CD32C1
270°
#CD324C
315°
#CD8C32
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#B7C0A5
Pastel 1
#C1C9B1
Pastel 2
#CAD1BD
Pastel 3
#D4D9C9
Pastel 4
#DEE2D5
Deep Pastel
#E7EAE1
Apricot
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FEF0E7
Light
#FDE4D5
Medium Light
#FDD9C3
Medium
#FBCEB1
Medium Dark
#F2A87E
Dark
#E4834C
Darkest
#D25D15
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FBCEB1
Left Dark
#FBD8C2
Left Medium
#F9E1D3
Left Light
#F8EBE4
Neutral
#F5F5F5
Right Light
#E5EFF7
Right Medium
#D4E9F8
Right Dark
#C3E4FA
Complementary End
#B1DEFB
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FEE6D8
Medium
#FBCEB1
Dark
#825E44
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FBB1DE
Left Adjacent 1
#FBB1B9
Main
#FBCEB1
Right Adjacent 1
#FBF3B1
Right Adjacent 2
#DEFBB1
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FBCEB1
Complementary
#B1DEFB
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FBCEB1
Secondary
#B1FBCE
Tertiary
#CEB1FB
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FBCEB1
Right 90°
#B9FBB1
Complementary
#B1DEFB
Left 90°
#F3B1FB
Tetradic
Two pairs of complementary colors
4 colors
Main
#FBCEB1
Secondary
#DEFBB1
Complementary
#B1DEFB
Complementary Secondary
#CEB1FB
Split Complementary
Complementary colors ±30°
3 colors
Main
#FBCEB1
Split Left
#B1FBF3
Split Right
#B1B9FB
Cyclic
Circular gradient for periodic data
8 colors
0°
#FBCEB1
45°
#F0FBB1
90°
#B9FBB1
135°
#B1FBE1
180°
#B1DEFB
225°
#BBB1FB
270°
#F3B1FB
315°
#FBB1CB
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C7AE9E
Pastel 1
#CFB9AB
Pastel 2
#D6C4B8
Pastel 3
#DECEC5
Pastel 4
#E5D9D2
Deep Pastel
#ECE4DF
Banana
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFFBDF
Light
#FFF2AB
Medium Light
#FFE976
Medium
#FFE135
Medium Dark
#CAB127
Dark
#978319
Darkest
#68590C
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FFE135
Left Dark
#FFE66F
Left Medium
#FFEA9D
Left Light
#FDF0C9
Neutral
#F5F5F5
Right Light
#D3CAF9
Right Medium
#AEA1FC
Right Dark
#8079FE
Complementary End
#3553FF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFEFA2
Medium
#FFE135
Dark
#7A6B00
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FF3553
Left Adjacent 1
#FF7C35
Main
#FFE135
Right Adjacent 1
#B8FF35
Right Adjacent 2
#53FF35
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FFE135
Complementary
#3553FF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FFE135
Secondary
#35FFE1
Tertiary
#E135FF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FFE135
Right 90°
#35FF7C
Complementary
#3553FF
Left 90°
#FF35B8
Tetradic
Two pairs of complementary colors
4 colors
Main
#FFE135
Secondary
#53FF35
Complementary
#3553FF
Complementary Secondary
#E135FF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FFE135
Split Left
#35B8FF
Split Right
#7C35FF
Cyclic
Circular gradient for periodic data
8 colors
0°
#FFE135
45°
#85FF35
90°
#35FF7C
135°
#35EBFF
180°
#3553FF
225°
#AE35FF
270°
#FF35B8
315°
#FF4935
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C9C39C
Pastel 1
#D1CBA9
Pastel 2
#D8D3B6
Pastel 3
#DFDBC3
Pastel 4
#E6E3D1
Deep Pastel
#EDEBDE
Light Goldenrod
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FCFCE8
Light
#FCFCE1
Medium Light
#FBFBD9
Medium
#FAFAD2
Medium Dark
#F7F3A1
Dark
#F0EC6E
Darkest
#E6E52C
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FAFAD2
Left Dark
#F9F9DB
Left Medium
#F8F7E4
Left Light
#F7F6EC
Neutral
#F5F5F5
Right Light
#EDECF6
Right Medium
#E4E3F8
Right Dark
#DBDBF9
Complementary End
#D2D2FA
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FDFCE8
Medium
#FAFAD2
Dark
#757653
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FAD2D2
Left Adjacent 1
#FAE6D2
Main
#FAFAD2
Right Adjacent 1
#E6FAD2
Right Adjacent 2
#D2FAD2
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FAFAD2
Complementary
#D2D2FA
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FAFAD2
Secondary
#D2FAFA
Tertiary
#FAD2FA
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FAFAD2
Right 90°
#D2FAE6
Complementary
#D2D2FA
Left 90°
#FAD2E6
Tetradic
Two pairs of complementary colors
4 colors
Main
#FAFAD2
Secondary
#D2FAD2
Complementary
#D2D2FA
Complementary Secondary
#FAD2FA
Split Complementary
Complementary colors ±30°
3 colors
Main
#FAFAD2
Split Left
#D2E6FA
Split Right
#E6D2FA
Cyclic
Circular gradient for periodic data
8 colors
0°
#FAFAD2
45°
#DCFAD2
90°
#D2FAE6
135°
#D2F0FA
180°
#D2D2FA
225°
#F0D2FA
270°
#FAD2E6
315°
#FADCD2
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C5C5A0
Pastel 1
#CDCDAD
Pastel 2
#D4D4B9
Pastel 3
#DCDCC6
Pastel 4
#E4E4D3
Deep Pastel
#ECECDF
Pale Goldenrod
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FBF9EA
Light
#F7F3D4
Medium Light
#F3EEBF
Medium
#EEE8AA
Medium Dark
#D8CF81
Dark
#C1B658
Darkest
#AA9E2D
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#EEE8AA
Left Dark
#F1EBBD
Left Medium
#F3EECF
Left Light
#F4F2E2
Neutral
#F5F5F5
Right Light
#E3E3F4
Right Medium
#D1D2F2
Right Dark
#BEC1F0
Complementary End
#AAB0EE
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#F8F3D4
Medium
#EEE8AA
Dark
#716E37
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#EEAAB0
Left Adjacent 1
#EEC6AA
Main
#EEE8AA
Right Adjacent 1
#D2EEAA
Right Adjacent 2
#B0EEAA
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#EEE8AA
Complementary
#AAB0EE
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#EEE8AA
Secondary
#AAEEE8
Tertiary
#E8AAEE
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#EEE8AA
Right 90°
#AAEEC6
Complementary
#AAB0EE
Left 90°
#EEAAD2
Tetradic
Two pairs of complementary colors
4 colors
Main
#EEE8AA
Secondary
#B0EEAA
Complementary
#AAB0EE
Complementary Secondary
#E8AAEE
Split Complementary
Complementary colors ±30°
3 colors
Main
#EEE8AA
Split Left
#AAD2EE
Split Right
#C6AAEE
Cyclic
Circular gradient for periodic data
8 colors
0°
#EEE8AA
45°
#C1EEAA
90°
#AAEEC6
135°
#AAE3EE
180°
#AAB0EE
225°
#D7AAEE
270°
#EEAAD2
315°
#EEB5AA
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C2BFA3
Pastel 1
#CAC8AF
Pastel 2
#D2D0BC
Pastel 3
#DAD9C8
Pastel 4
#E2E1D4
Deep Pastel
#EBEAE0
Lawn Green
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#E1FFC3
Light
#C5FF94
Medium Light
#A5FE60
Medium
#7CFC00
Medium Dark
#59B20F
Dark
#386D0F
Darkest
#1A2F07
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#7CFC00
Left Dark
#A4FB62
Left Medium
#C4FA96
Left Light
#DEF8C6
Neutral
#F5F5F5
Right Light
#E0C2F9
Right Medium
#C78FFB
Right Dark
#A859FC
Complementary End
#8000FC
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#C9FF9B
Medium
#7CFC00
Dark
#007F00
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FC8000
Left Adjacent 1
#FAFC00
Main
#7CFC00
Right Adjacent 1
#00FC02
Right Adjacent 2
#00FC80
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#7CFC00
Complementary
#8000FC
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#7CFC00
Secondary
#007CFC
Tertiary
#FC007C
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#7CFC00
Right 90°
#00FAFC
Complementary
#8000FC
Left 90°
#FC0200
Tetradic
Two pairs of complementary colors
4 colors
Main
#7CFC00
Secondary
#00FC80
Complementary
#8000FC
Complementary Secondary
#FC007C
Split Complementary
Complementary colors ±30°
3 colors
Main
#7CFC00
Split Left
#0200FC
Split Right
#FC00FA
Cyclic
Circular gradient for periodic data
8 colors
0°
#7CFC00
45°
#00FC41
90°
#00FAFC
135°
#003DFC
180°
#8000FC
225°
#FC00BB
270°
#FC0200
315°
#FCBF00
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#B2C99C
Pastel 1
#BCD1A9
Pastel 2
#C7D8B6
Pastel 3
#D1DFC3
Pastel 4
#DBE6D1
Deep Pastel
#E5EDDE
Moccasin
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFF6E5
Light
#FFF0D5
Medium Light
#FFEAC5
Medium
#FFE4B5
Medium Dark
#FAC984
Dark
#F2AE53
Darkest
#E69416
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FFE4B5
Left Dark
#FDE8C5
Left Medium
#FBECD5
Left Light
#F8F1E5
Neutral
#F5F5F5
Right Light
#E6ECF8
Right Medium
#D6E2FA
Right Dark
#C6D9FD
Complementary End
#B5D0FF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFF1DA
Medium
#FFE4B5
Dark
#7F6A40
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FFB5D0
Left Adjacent 1
#FFBFB5
Main
#FFE4B5
Right Adjacent 1
#F5FFB5
Right Adjacent 2
#D0FFB5
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FFE4B5
Complementary
#B5D0FF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FFE4B5
Secondary
#B5FFE4
Tertiary
#E4B5FF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FFE4B5
Right 90°
#B5FFBF
Complementary
#B5D0FF
Left 90°
#FFB5F5
Tetradic
Two pairs of complementary colors
4 colors
Main
#FFE4B5
Secondary
#D0FFB5
Complementary
#B5D0FF
Complementary Secondary
#E4B5FF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FFE4B5
Split Left
#B5F5FF
Split Right
#BFB5FF
Cyclic
Circular gradient for periodic data
8 colors
0°
#FFE4B5
45°
#E3FFB5
90°
#B5FFBF
135°
#B5FFF7
180°
#B5D0FF
225°
#D2B5FF
270°
#FFB5F5
315°
#FFB5BE
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C9B99C
Pastel 1
#D1C2A9
Pastel 2
#D8CBB6
Pastel 3
#DFD5C3
Pastel 4
#E6DED1
Deep Pastel
#EDE8DE
Light Salmon
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFE9E0
Light
#FFD1BD
Medium Light
#FFB89B
Medium
#FFA07A
Medium Dark
#E47D54
Dark
#C75A2F
Darkest
#AA3507
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FFA07A
Left Dark
#FFB598
Left Medium
#FFCBB6
Left Light
#FCE0D5
Neutral
#F5F5F5
Right Light
#DBEEF8
Right Medium
#BFE7FA
Right Dark
#9FE0FD
Complementary End
#7AD9FF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFCFBB
Medium
#FFA07A
Dark
#904021
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FF7AD9
Left Adjacent 1
#FF7A97
Main
#FFA07A
Right Adjacent 1
#FFE27A
Right Adjacent 2
#D9FF7A
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FFA07A
Complementary
#7AD9FF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FFA07A
Secondary
#7AFFA0
Tertiary
#A07AFF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FFA07A
Right 90°
#97FF7A
Complementary
#7AD9FF
Left 90°
#E37AFF
Tetradic
Two pairs of complementary colors
4 colors
Main
#FFA07A
Secondary
#D9FF7A
Complementary
#7AD9FF
Complementary Secondary
#A07AFF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FFA07A
Split Left
#7AFFE2
Split Right
#7A97FF
Cyclic
Circular gradient for periodic data
8 colors
0°
#FFA07A
45°
#FAFF7A
90°
#97FF7A
135°
#7AFFC1
180°
#7AD9FF
225°
#7F7AFF
270°
#E37AFF
315°
#FF7AB8
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
Peach Puff
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFF2E5
Light
#FFEAD7
Medium Light
#FFE2C8
Medium
#FFDAB9
Medium Dark
#FDB784
Dark
#F5954F
Darkest
#E97110
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FFDAB9
Left Dark
#FDE1C8
Left Medium
#FBE7D7
Left Light
#F8EEE6
Neutral
#F5F5F5
Right Light
#E7EFF8
Right Medium
#D8E9FA
Right Dark
#C9E4FD
Complementary End
#B9DEFF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFECDC
Medium
#FFDAB9
Dark
#826447
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FFB9DE
Left Adjacent 1
#FFB9BB
Main
#FFDAB9
Right Adjacent 1
#FFFDB9
Right Adjacent 2
#DEFFB9
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FFDAB9
Complementary
#B9DEFF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FFDAB9
Secondary
#B9FFDA
Tertiary
#DAB9FF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FFDAB9
Right 90°
#BBFFB9
Complementary
#B9DEFF
Left 90°
#FDB9FF
Tetradic
Two pairs of complementary colors
4 colors
Main
#FFDAB9
Secondary
#DEFFB9
Complementary
#B9DEFF
Complementary Secondary
#DAB9FF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FFDAB9
Split Left
#B9FFFD
Split Right
#B9BBFF
Cyclic
Circular gradient for periodic data
8 colors
0°
#FFDAB9
45°
#F0FFB9
90°
#BBFFB9
135°
#B9FFEC
180°
#B9DEFF
225°
#C8B9FF
270°
#FDB9FF
315°
#FFB9CC
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C9B19C
Pastel 1
#D1BCA9
Pastel 2
#D8C6B6
Pastel 3
#DFD0C3
Pastel 4
#E6DBD1
Deep Pastel
#EDE5DE
Dark Goldenrod
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FADC8F
Light
#E5BF67
Medium Light
#CFA23F
Medium
#B8860B
Medium Dark
#7D5C14
Dark
#473513
Darkest
#16120A
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#B8860B
Left Dark
#CCA050
Left Medium
#DEBC87
Left Light
#EBD8BD
Neutral
#F5F5F5
Right Light
#C8C3E7
Right Medium
#9A94D8
Right Dark
#6667C8
Complementary End
#0B3DB8
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#E3C08B
Medium
#B8860B
Dark
#643E00
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#B80B3D
Left Adjacent 1
#B82F0B
Main
#B8860B
Right Adjacent 1
#93B80B
Right Adjacent 2
#3DB80B
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#B8860B
Complementary
#0B3DB8
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#B8860B
Secondary
#0BB886
Tertiary
#860BB8
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#B8860B
Right 90°
#0BB830
Complementary
#0B3DB8
Left 90°
#B80B94
Tetradic
Two pairs of complementary colors
4 colors
Main
#B8860B
Secondary
#3DB80B
Complementary
#0B3DB8
Complementary Secondary
#860BB8
Split Complementary
Complementary colors ±30°
3 colors
Main
#B8860B
Split Left
#0B93B8
Split Right
#2F0BB8
Cyclic
Circular gradient for periodic data
8 colors
0°
#B8860B
45°
#68B80B
90°
#0BB830
135°
#0BB8B1
180°
#0B3DB8
225°
#5B0BB8
270°
#B80B94
315°
#B80B12
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C7BB9E
Pastel 1
#CEC4AB
Pastel 2
#D6CDB8
Pastel 3
#DDD6C5
Pastel 4
#E5DFD2
Deep Pastel
#ECE8DF
Orange
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFEDC5
Light
#FFD48F
Medium Light
#FFBD57
Medium
#FFA500
Medium Dark
#B4760F
Dark
#6F4A10
Darkest
#312208
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FFA500
Left Dark
#FFB956
Left Medium
#FFCC8C
Left Light
#FFE0C0
Neutral
#F5F5F5
Right Light
#D1CCF9
Right Medium
#A8A4FC
Right Dark
#767EFE
Complementary End
#005AFF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFD191
Medium
#FFA500
Dark
#8B4600
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FF005A
Left Adjacent 1
#FF2500
Main
#FFA500
Right Adjacent 1
#DAFF00
Right Adjacent 2
#5AFF00
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FFA500
Complementary
#005AFF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FFA500
Secondary
#00FFA5
Tertiary
#A500FF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FFA500
Right 90°
#00FF25
Complementary
#005AFF
Left 90°
#FF00DA
Tetradic
Two pairs of complementary colors
4 colors
Main
#FFA500
Secondary
#5AFF00
Complementary
#005AFF
Complementary Secondary
#A500FF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FFA500
Split Left
#00DAFF
Split Right
#2500FF
Cyclic
Circular gradient for periodic data
8 colors
0°
#FFA500
45°
#9AFF00
90°
#00FF25
135°
#00FFE5
180°
#005AFF
225°
#6500FF
270°
#FF00DA
315°
#FF001A
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C9B99C
Pastel 1
#D1C3A9
Pastel 2
#D8CCB6
Pastel 3
#DFD5C3
Pastel 4
#E6DED1
Deep Pastel
#EDE8DE
Chocolate
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FCD9BF
Light
#F2B389
Medium Light
#E48E55
Medium
#D2691E
Medium Dark
#904A1B
Dark
#522D16
Darkest
#1C110B
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#D2691E
Left Dark
#E28C55
Left Medium
#EEAE89
Left Light
#F4D1BE
Neutral
#F5F5F5
Right Light
#CBD8ED
Right Medium
#9FBCE4
Right Dark
#6DA1DB
Complementary End
#1E87D2
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#F3B38D
Medium
#D2691E
Dark
#7D2200
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#D21E87
Left Adjacent 1
#D21E2D
Main
#D2691E
Right Adjacent 1
#D2C31E
Right Adjacent 2
#87D21E
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#D2691E
Complementary
#1E87D2
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#D2691E
Secondary
#1ED269
Tertiary
#691ED2
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#D2691E
Right 90°
#2DD21E
Complementary
#1E87D2
Left 90°
#C31ED2
Tetradic
Two pairs of complementary colors
4 colors
Main
#D2691E
Secondary
#87D21E
Complementary
#1E87D2
Complementary Secondary
#691ED2
Split Complementary
Complementary colors ±30°
3 colors
Main
#D2691E
Split Left
#1ED2C3
Split Right
#1E2DD2
Cyclic
Circular gradient for periodic data
8 colors
0°
#D2691E
45°
#B4D21E
90°
#2DD21E
135°
#1ED296
180°
#1E87D2
225°
#3C1ED2
270°
#C31ED2
315°
#D21E5A
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C4B0A1
Pastel 1
#CCBAAE
Pastel 2
#D4C5BA
Pastel 3
#DBCFC7
Pastel 4
#E3DAD3
Deep Pastel
#EBE5E0
Cornsilk
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFFAE5
Light
#FFF9E2
Medium Light
#FFF9DF
Medium
#FFF8DC
Medium Dark
#FFEAA6
Dark
#FFDC6D
Darkest
#FECF25
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FFF8DC
Left Dark
#FDF7E2
Left Medium
#FAF6E9
Left Light
#F8F6EF
Neutral
#F5F5F5
Right Light
#EFF0F8
Right Medium
#E9ECFA
Right Dark
#E2E7FD
Complementary End
#DCE3FF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFFBED
Medium
#FFF8DC
Dark
#79745C
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FFDCE3
Left Adjacent 1
#FFE7DC
Main
#FFF8DC
Right Adjacent 1
#F4FFDC
Right Adjacent 2
#E3FFDC
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FFF8DC
Complementary
#DCE3FF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FFF8DC
Secondary
#DCFFF8
Tertiary
#F8DCFF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FFF8DC
Right 90°
#DCFFE7
Complementary
#DCE3FF
Left 90°
#FFDCF4
Tetradic
Two pairs of complementary colors
4 colors
Main
#FFF8DC
Secondary
#E3FFDC
Complementary
#DCE3FF
Complementary Secondary
#F8DCFF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FFF8DC
Split Left
#DCF4FF
Split Right
#E7DCFF
Cyclic
Circular gradient for periodic data
8 colors
0°
#FFF8DC
45°
#ECFFDC
90°
#DCFFE7
135°
#DCFDFF
180°
#DCE3FF
225°
#EFDCFF
270°
#FFDCF4
315°
#FFDEDC
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C9C09C
Pastel 1
#D1C9A9
Pastel 2
#D8D1B6
Pastel 3
#DFD9C3
Pastel 4
#E6E2D1
Deep Pastel
#EDEADE
Lemon Chiffon
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFFCE5
Light
#FFFCDD
Medium Light
#FFFBD5
Medium
#FFFACD
Medium Dark
#FFF39C
Dark
#FFEC69
Darkest
#FFE520
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FFFACD
Left Dark
#FDF9D7
Left Medium
#FBF7E1
Left Light
#F8F6EB
Neutral
#F5F5F5
Right Light
#EBECF8
Right Medium
#E2E3FA
Right Dark
#D7DBFD
Complementary End
#CDD2FF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFFCE6
Medium
#FFFACD
Dark
#79764E
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FFCDD2
Left Adjacent 1
#FFE1CD
Main
#FFFACD
Right Adjacent 1
#EBFFCD
Right Adjacent 2
#D2FFCD
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FFFACD
Complementary
#CDD2FF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FFFACD
Secondary
#CDFFFA
Tertiary
#FACDFF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FFFACD
Right 90°
#CDFFE1
Complementary
#CDD2FF
Left 90°
#FFCDEB
Tetradic
Two pairs of complementary colors
4 colors
Main
#FFFACD
Secondary
#D2FFCD
Complementary
#CDD2FF
Complementary Secondary
#FACDFF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FFFACD
Split Left
#CDEBFF
Split Right
#E1CDFF
Cyclic
Circular gradient for periodic data
8 colors
0°
#FFFACD
45°
#DFFFCD
90°
#CDFFE1
135°
#CDF7FF
180°
#CDD2FF
225°
#EECDFF
270°
#FFCDEB
315°
#FFD5CD
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C9C59C
Pastel 1
#D1CDA9
Pastel 2
#D8D4B6
Pastel 3
#DFDCC3
Pastel 4
#E6E4D1
Deep Pastel
#EDECDE
Sandy Brown
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFF0E1
Light
#FFD7B5
Medium Light
#FBBD8A
Medium
#F4A460
Medium Dark
#CB8145
Dark
#A3602A
Darkest
#7D4111
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#F4A460
Left Dark
#F8B885
Left Medium
#FACCAA
Left Light
#F9E0CF
Neutral
#F5F5F5
Right Light
#D5E3F5
Right Medium
#B4D2F5
Right Dark
#8EC1F5
Complementary End
#60B0F4
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFD1AE
Medium
#F4A460
Dark
#864700
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#F460B0
Left Adjacent 1
#F46066
Main
#F4A460
Right Adjacent 1
#F4EE60
Right Adjacent 2
#B0F460
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#F4A460
Complementary
#60B0F4
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#F4A460
Secondary
#60F4A4
Tertiary
#A460F4
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#F4A460
Right 90°
#66F460
Complementary
#60B0F4
Left 90°
#EE60F4
Tetradic
Two pairs of complementary colors
4 colors
Main
#F4A460
Secondary
#B0F460
Complementary
#60B0F4
Complementary Secondary
#A460F4
Split Complementary
Complementary colors ±30°
3 colors
Main
#F4A460
Split Left
#60F4EE
Split Right
#6066F4
Cyclic
Circular gradient for periodic data
8 colors
0°
#F4A460
45°
#D5F460
90°
#66F460
135°
#60F4C9
180°
#60B0F4
225°
#7F60F4
270°
#EE60F4
315°
#F4608B
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C6B19F
Pastel 1
#CEBBAB
Pastel 2
#D6C6B8
Pastel 3
#DDD0C5
Pastel 4
#E5DBD2
Deep Pastel
#ECE5DF
Papaya Whip
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFF5E5
Light
#FFF3E0
Medium Light
#FFF1DA
Medium
#FFEFD5
Medium Dark
#FFD59C
Dark
#FFBB63
Darkest
#FDA21C
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FFEFD5
Left Dark
#FDF0DD
Left Medium
#FAF2E5
Left Light
#F8F3ED
Neutral
#F5F5F5
Right Light
#EDF1F8
Right Medium
#E5EDFA
Right Dark
#DDE9FD
Complementary End
#D5E5FF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFF7EA
Medium
#FFEFD5
Dark
#7C6F59
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FFD5E5
Left Adjacent 1
#FFDAD5
Main
#FFEFD5
Right Adjacent 1
#FAFFD5
Right Adjacent 2
#E5FFD5
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FFEFD5
Complementary
#D5E5FF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FFEFD5
Secondary
#D5FFEF
Tertiary
#EFD5FF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FFEFD5
Right 90°
#D5FFDA
Complementary
#D5E5FF
Left 90°
#FFD5FA
Tetradic
Two pairs of complementary colors
4 colors
Main
#FFEFD5
Secondary
#E5FFD5
Complementary
#D5E5FF
Complementary Secondary
#EFD5FF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FFEFD5
Split Left
#D5FAFF
Split Right
#DAD5FF
Cyclic
Circular gradient for periodic data
8 colors
0°
#FFEFD5
45°
#F0FFD5
90°
#D5FFDA
135°
#D5FFFA
180°
#D5E5FF
225°
#E4D5FF
270°
#FFD5FA
315°
#FFD5DB
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C9B89C
Pastel 1
#D1C1A9
Pastel 2
#D8CBB6
Pastel 3
#DFD4C3
Pastel 4
#E6DED1
Deep Pastel
#EDE7DE
Blanched Almond
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFF5E5
Light
#FFF2DD
Medium Light
#FFEED5
Medium
#FFEBCD
Medium Dark
#FFD095
Dark
#FFB55E
Darkest
#FD9B17
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FFEBCD
Left Dark
#FDEDD7
Left Medium
#FBF0E1
Left Light
#F8F2EB
Neutral
#F5F5F5
Right Light
#EBF0F8
Right Medium
#E2EBFA
Right Dark
#D7E6FD
Complementary End
#CDE1FF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFF5E6
Medium
#FFEBCD
Dark
#7D6D53
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FFCDE1
Left Adjacent 1
#FFD2CD
Main
#FFEBCD
Right Adjacent 1
#FAFFCD
Right Adjacent 2
#E1FFCD
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FFEBCD
Complementary
#CDE1FF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FFEBCD
Secondary
#CDFFEB
Tertiary
#EBCDFF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FFEBCD
Right 90°
#CDFFD2
Complementary
#CDE1FF
Left 90°
#FFCDFA
Tetradic
Two pairs of complementary colors
4 colors
Main
#FFEBCD
Secondary
#E1FFCD
Complementary
#CDE1FF
Complementary Secondary
#EBCDFF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FFEBCD
Split Left
#CDFAFF
Split Right
#D2CDFF
Cyclic
Circular gradient for periodic data
8 colors
0°
#FFEBCD
45°
#EEFFCD
90°
#CDFFD2
135°
#CDFFF7
180°
#CDE1FF
225°
#DFCDFF
270°
#FFCDFA
315°
#FFCDD5
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C9B79C
Pastel 1
#D1C1A9
Pastel 2
#D8CAB6
Pastel 3
#DFD4C3
Pastel 4
#E6DDD1
Deep Pastel
#EDE7DE
Bisque
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFF3E5
Light
#FFEEDA
Medium Light
#FFE9CF
Medium
#FFE4C4
Medium Dark
#FFC58D
Dark
#FDA657
Darkest
#F48714
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FFE4C4
Left Dark
#FDE8D0
Left Medium
#FBECDC
Left Light
#F8F1E9
Neutral
#F5F5F5
Right Light
#E9EFF8
Right Medium
#DDEAFA
Right Dark
#D1E4FD
Complementary End
#C4DFFF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFF1E1
Medium
#FFE4C4
Dark
#7F694D
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FFC4DF
Left Adjacent 1
#FFC7C4
Main
#FFE4C4
Right Adjacent 1
#FCFFC4
Right Adjacent 2
#DFFFC4
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FFE4C4
Complementary
#C4DFFF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FFE4C4
Secondary
#C4FFE4
Tertiary
#E4C4FF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FFE4C4
Right 90°
#C4FFC7
Complementary
#C4DFFF
Left 90°
#FFC4FC
Tetradic
Two pairs of complementary colors
4 colors
Main
#FFE4C4
Secondary
#DFFFC4
Complementary
#C4DFFF
Complementary Secondary
#E4C4FF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FFE4C4
Split Left
#C4FCFF
Split Right
#C6C4FF
Cyclic
Circular gradient for periodic data
8 colors
0°
#FFE4C4
45°
#EEFFC4
90°
#C4FFC7
135°
#C4FFF3
180°
#C4DFFF
225°
#D5C4FF
270°
#FFC4FC
315°
#FFC4D0
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C9B49C
Pastel 1
#D1BEA9
Pastel 2
#D8C8B6
Pastel 3
#DFD2C3
Pastel 4
#E6DCD1
Deep Pastel
#EDE6DE
Navajo White
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFF5E5
Light
#FFEDD3
Medium Light
#FFE6C0
Medium
#FFDEAD
Medium Dark
#F7C17E
Dark
#ECA44E
Darkest
#DE8714
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FFDEAD
Left Dark
#FEE4BF
Left Medium
#FBE9D1
Left Light
#F9EFE3
Neutral
#F5F5F5
Right Light
#E4EBF8
Right Medium
#D3E1FA
Right Dark
#C0D8FD
Complementary End
#ADCEFF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFEED6
Medium
#FFDEAD
Dark
#80673B
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FFADCE
Left Adjacent 1
#FFB5AD
Main
#FFDEAD
Right Adjacent 1
#F7FFAD
Right Adjacent 2
#CEFFAD
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FFDEAD
Complementary
#ADCEFF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FFDEAD
Secondary
#ADFFDE
Tertiary
#DEADFF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FFDEAD
Right 90°
#ADFFB5
Complementary
#ADCEFF
Left 90°
#FFADF7
Tetradic
Two pairs of complementary colors
4 colors
Main
#FFDEAD
Secondary
#CEFFAD
Complementary
#ADCEFF
Complementary Secondary
#DEADFF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FFDEAD
Split Left
#ADF7FF
Split Right
#B5ADFF
Cyclic
Circular gradient for periodic data
8 colors
0°
#FFDEAD
45°
#E3FFAD
90°
#ADFFB5
135°
#ADFFF3
180°
#ADCEFF
225°
#C9ADFF
270°
#FFADF7
315°
#FFADB9
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C9B79C
Pastel 1
#D1C1A9
Pastel 2
#D8CAB6
Pastel 3
#DFD4C3
Pastel 4
#E6DDD1
Deep Pastel
#EDE7DE
Wheat
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FCF5E8
Light
#FAEDD7
Medium Light
#F8E6C5
Medium
#F5DEB3
Medium Dark
#E6C184
Dark
#D4A456
Darkest
#C18824
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#F5DEB3
Left Dark
#F6E4C3
Left Medium
#F6E9D4
Left Light
#F6EFE4
Neutral
#F5F5F5
Right Light
#E5EAF5
Right Medium
#D5DFF5
Right Dark
#C4D5F5
Complementary End
#B3CAF5
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FBEED9
Medium
#F5DEB3
Dark
#7A6842
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#F5B3CA
Left Adjacent 1
#F5BDB3
Main
#F5DEB3
Right Adjacent 1
#EBF5B3
Right Adjacent 2
#CAF5B3
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#F5DEB3
Complementary
#B3CAF5
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#F5DEB3
Secondary
#B3F5DE
Tertiary
#DEB3F5
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#F5DEB3
Right 90°
#B3F5BD
Complementary
#B3CAF5
Left 90°
#F5B3EB
Tetradic
Two pairs of complementary colors
4 colors
Main
#F5DEB3
Secondary
#CAF5B3
Complementary
#B3CAF5
Complementary Secondary
#DEB3F5
Split Complementary
Complementary colors ±30°
3 colors
Main
#F5DEB3
Split Left
#B3EBF5
Split Right
#BDB3F5
Cyclic
Circular gradient for periodic data
8 colors
0°
#F5DEB3
45°
#DAF5B3
90°
#B3F5BD
135°
#B3F5EF
180°
#B3CAF5
225°
#CEB3F5
270°
#F5B3EB
315°
#F5B3B9
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C4B8A1
Pastel 1
#CCC1AD
Pastel 2
#D4CBBA
Pastel 3
#DCD4C7
Pastel 4
#E4DED3
Deep Pastel
#EBE7E0
Pale Green
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#E6FEE6
Light
#CEFECC
Medium Light
#B5FDB2
Medium
#98FB98
Medium Dark
#78E772
Dark
#55D34B
Darkest
#21BF18
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#98FB98
Left Dark
#B2FAB0
Left Medium
#CAF9C7
Left Light
#E0F7DE
Neutral
#F5F5F5
Right Light
#F8DFF7
Right Medium
#FAC8F8
Right Dark
#FBB1FA
Complementary End
#FB98FB
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#CFFECC
Medium
#98FB98
Dark
#037D24
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FBFB98
Left Adjacent 1
#CAFB98
Main
#98FB98
Right Adjacent 1
#98FBCA
Right Adjacent 2
#98FBFB
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#98FB98
Complementary
#FB98FB
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#98FB98
Secondary
#9898FB
Tertiary
#FB9898
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#98FB98
Right 90°
#98C9FB
Complementary
#FB98FB
Left 90°
#FBCA98
Tetradic
Two pairs of complementary colors
4 colors
Main
#98FB98
Secondary
#98FBFB
Complementary
#FB98FB
Complementary Secondary
#FB9898
Split Complementary
Complementary colors ±30°
3 colors
Main
#98FB98
Split Left
#C998FB
Split Right
#FB98CA
Cyclic
Circular gradient for periodic data
8 colors
0°
#98FB98
45°
#98FBE2
90°
#98C9FB
135°
#B198FB
180°
#FB98FB
225°
#FB98B1
270°
#FBCA98
315°
#E2FB98
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#9DC89D
Pastel 1
#AACFAA
Pastel 2
#B7D6B7
Pastel 3
#C4DEC4
Pastel 4
#D1E5D1
Deep Pastel
#DEEDDE
Peru
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FCEBDA
Light
#F0C8A5
Medium Light
#E0A672
Medium
#CD853F
Medium Dark
#956130
Dark
#604021
Darkest
#302113
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#CD853F
Left Dark
#DCA06C
Left Medium
#E7BC98
Left Light
#F0D8C6
Neutral
#F5F5F5
Right Light
#CDD8EB
Right Medium
#A4BCE2
Right Dark
#78A1D7
Complementary End
#3F87CD
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#ECC19D
Medium
#CD853F
Dark
#733A00
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#CD3F87
Left Adjacent 1
#CD3F40
Main
#CD853F
Right Adjacent 1
#CDCC3F
Right Adjacent 2
#87CD3F
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#CD853F
Complementary
#3F87CD
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#CD853F
Secondary
#3FCD85
Tertiary
#853FCD
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#CD853F
Right 90°
#40CD3F
Complementary
#3F87CD
Left 90°
#CC3FCD
Tetradic
Two pairs of complementary colors
4 colors
Main
#CD853F
Secondary
#87CD3F
Complementary
#3F87CD
Complementary Secondary
#853FCD
Split Complementary
Complementary colors ±30°
3 colors
Main
#CD853F
Split Left
#3FCDCC
Split Right
#3F40CD
Cyclic
Circular gradient for periodic data
8 colors
0°
#CD853F
45°
#AACD3F
90°
#40CD3F
135°
#3FCDA8
180°
#3F87CD
225°
#613FCD
270°
#CC3FCD
315°
#CD3F63
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C0B2A5
Pastel 1
#C8BDB1
Pastel 2
#D1C7BD
Pastel 3
#D9D1C9
Pastel 4
#E2DBD5
Deep Pastel
#EAE5E1
Dark Orange
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFE7C5
Light
#FFC98D
Medium Light
#FFAB54
Medium
#FF8C00
Medium Dark
#B4640E
Dark
#6F3F0F
Darkest
#301D08
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FF8C00
Left Dark
#FFA652
Left Medium
#FFC089
Left Light
#FFDBBE
Neutral
#F5F5F5
Right Light
#D0D2F9
Right Medium
#A6B1FC
Right Dark
#7491FE
Complementary End
#0073FF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFC58D
Medium
#FF8C00
Dark
#923300
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FF0073
Left Adjacent 1
#FF0C00
Main
#FF8C00
Right Adjacent 1
#F3FF00
Right Adjacent 2
#73FF00
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FF8C00
Complementary
#0073FF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FF8C00
Secondary
#00FF8C
Tertiary
#8C00FF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FF8C00
Right 90°
#00FF0D
Complementary
#0073FF
Left 90°
#FF00F3
Tetradic
Two pairs of complementary colors
4 colors
Main
#FF8C00
Secondary
#73FF00
Complementary
#0073FF
Complementary Secondary
#8C00FF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FF8C00
Split Left
#00F2FF
Split Right
#0C00FF
Cyclic
Circular gradient for periodic data
8 colors
0°
#FF8C00
45°
#B3FF00
90°
#00FF0D
135°
#00FFCC
180°
#0073FF
225°
#4C00FF
270°
#FF00F3
315°
#FF0033
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C9B59C
Pastel 1
#D1BFA9
Pastel 2
#D8C9B6
Pastel 3
#DFD2C3
Pastel 4
#E6DCD1
Deep Pastel
#EDE6DE
Floral White
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFF6E5
Light
#FFF8E9
Medium Light
#FFF9EC
Medium
#FFFAF0
Medium Dark
#FFE3B3
Dark
#FFCC76
Darkest
#FDB730
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FFFAF0
Left Dark
#FDF9F1
Left Medium
#FAF7F3
Left Light
#F8F6F4
Neutral
#F5F5F5
Right Light
#F4F5F8
Right Medium
#F3F5FA
Right Dark
#F1F5FD
Complementary End
#F0F5FF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFFCF7
Medium
#FFFAF0
Dark
#79756C
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FFF0F5
Left Adjacent 1
#FFF3F0
Main
#FFFAF0
Right Adjacent 1
#FDFFF0
Right Adjacent 2
#F5FFF0
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FFFAF0
Complementary
#F0F5FF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FFFAF0
Secondary
#F0FFFA
Tertiary
#FAF0FF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FFFAF0
Right 90°
#F0FFF3
Complementary
#F0F5FF
Left 90°
#FFF0FD
Tetradic
Two pairs of complementary colors
4 colors
Main
#FFFAF0
Secondary
#F5FFF0
Complementary
#F0F5FF
Complementary Secondary
#FAF0FF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FFFAF0
Split Left
#F0FDFF
Split Right
#F3F0FF
Cyclic
Circular gradient for periodic data
8 colors
0°
#FFFAF0
45°
#F9FFF0
90°
#F0FFF3
135°
#F0FFFE
180°
#F0F5FF
225°
#F6F0FF
270°
#FFF0FD
315°
#FFF0F1
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C9BA9C
Pastel 1
#D1C3A9
Pastel 2
#D8CDB6
Pastel 3
#DFD6C3
Pastel 4
#E6DFD1
Deep Pastel
#EDE8DE
Olive Drab
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#CAE691
Light
#AAC86D
Medium Light
#8AAB49
Medium
#6B8E23
Medium Dark
#4B621F
Dark
#2E3918
Darkest
#11140C
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#6B8E23
Left Dark
#8FA759
Left Medium
#B2C18C
Left Light
#D3DBC0
Neutral
#F5F5F5
Right Light
#CBBDDB
Right Medium
#A188C2
Right Dark
#7655A8
Complementary End
#46238E
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#B6C590
Medium
#6B8E23
Dark
#264A00
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#8E4623
Left Adjacent 1
#8E7C23
Main
#6B8E23
Right Adjacent 1
#358E23
Right Adjacent 2
#238E46
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#6B8E23
Complementary
#46238E
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#6B8E23
Secondary
#236B8E
Tertiary
#8E236B
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#6B8E23
Right 90°
#238E7C
Complementary
#46238E
Left 90°
#8E2335
Tetradic
Two pairs of complementary colors
4 colors
Main
#6B8E23
Secondary
#238E46
Complementary
#46238E
Complementary Secondary
#8E236B
Split Complementary
Complementary colors ±30°
3 colors
Main
#6B8E23
Split Left
#23358E
Split Right
#7B238E
Cyclic
Circular gradient for periodic data
8 colors
0°
#6B8E23
45°
#238E2B
90°
#238E7C
135°
#23508E
180°
#46238E
225°
#8E2386
270°
#8E2335
315°
#8E6123
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#B7C0A5
Pastel 1
#C1C9B1
Pastel 2
#CAD1BD
Pastel 3
#D4D9C9
Pastel 4
#DEE2D5
Deep Pastel
#E7EAE1
Extract Warm Spring Color Palette
Upload a photo to extract a Warm Spring color palette with HEX and RGB codes.
click or drag your image here
Supported formats: JPG, PNG, WebP