Appearance
25+ Soft Autumn (Light Autumn) Color Palettes
Generate 25+ Soft Autumn color palettes from seasonal colors. Each palette is created from a base color, featuring soft, warm, and muted Autumn hues that follow professional color theory principles. Perfect for personal style coordination, home decor, and creative projects for those with Soft Autumn personal coloring.
Soft Autumn Colors
Dusty Rose →
HEX#D8A2A8
RGBrgb(216, 162, 168)
Soft Olive →
HEX#9CAF88
RGBrgb(156, 175, 136)
Muted Terracotta →
HEX#D9927A
RGBrgb(217, 146, 122)
Warm Taupe →
HEX#B8A99A
RGBrgb(184, 169, 154)
Soft Camel →
HEX#D1B7A3
RGBrgb(209, 183, 163)
Dusty Peach →
HEX#D9A6A6
RGBrgb(217, 166, 166)
Muted Mustard →
HEX#D1B26F
RGBrgb(209, 178, 111)
Soft Sage →
HEX#9CAF88
RGBrgb(156, 175, 136)
Dusty Coral →
HEX#D29B9B
RGBrgb(210, 155, 155)
Warm Beige →
HEX#E1D1C7
RGBrgb(225, 209, 199)
Muted Burgundy →
HEX#9A4E5D
RGBrgb(154, 78, 93)
Dusty Teal →
HEX#7AB6B6
RGBrgb(122, 182, 182)
Soft Brown →
HEX#A68A6D
RGBrgb(166, 138, 109)
Muted Mauve →
HEX#C6A4A4
RGBrgb(198, 164, 164)
Dusty Lavender →
HEX#A99AC2
RGBrgb(169, 154, 194)
Warm Gray →
HEX#A9A9A9
RGBrgb(169, 169, 169)
Soft Gold →
HEX#E6D690
RGBrgb(230, 214, 144)
Muted Forest Green →
HEX#6B8E6B
RGBrgb(107, 142, 107)
Dusty Yellow →
HEX#D1C17D
RGBrgb(209, 193, 125)
Soft Terracotta →
HEX#D9927A
RGBrgb(217, 146, 122)
Muted Copper →
HEX#C67F59
RGBrgb(198, 127, 89)
Dusty Blue →
HEX#7B9EB1
RGBrgb(123, 158, 177)
Warm White →
HEX#FAF0E6
RGBrgb(250, 240, 230)
Soft Khaki →
HEX#C3B091
RGBrgb(195, 176, 145)
Muted Salmon →
HEX#E9967A
RGBrgb(233, 150, 122)
Dusty Plum →
HEX#8B668B
RGBrgb(139, 102, 139)
Soft Brick →
HEX#C08081
RGBrgb(192, 128, 129)
Muted Orange →
HEX#D9A06D
RGBrgb(217, 160, 109)
Dusty Green →
HEX#8F9779
RGBrgb(143, 151, 121)
Soft Autumn 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 Soft Autumn hue.
Dusty Rose
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#F6EAEB
Light
#EDD2D4
Medium Light
#E3BABE
Medium
#D8A2A8
Medium Dark
#B77D82
Dark
#96595E
Darkest
#76373D
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#D8A2A8
Left Dark
#E0B6BB
Left Medium
#E8CBCE
Left Light
#EFE0E1
Neutral
#F5F5F5
Right Light
#E1EEEC
Right Medium
#CCE7E3
Right Dark
#B7DFDB
Complementary End
#A2D8D2
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#EDD0D3
Medium
#D8A2A8
Dark
#76474E
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#D2A2D8
Left Adjacent 1
#D8A2C3
Main
#D8A2A8
Right Adjacent 1
#D8B7A2
Right Adjacent 2
#D8D2A2
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#D8A2A8
Complementary
#A2D8D2
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#D8A2A8
Secondary
#A8D8A2
Tertiary
#A2A8D8
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#D8A2A8
Right 90°
#C3D8A2
Complementary
#A2D8D2
Left 90°
#B7A2D8
Tetradic
Two pairs of complementary colors
4 colors
Main
#D8A2A8
Secondary
#D8D2A2
Complementary
#A2D8D2
Complementary Secondary
#A2A8D8
Split Complementary
Complementary colors ±30°
3 colors
Main
#D8A2A8
Split Left
#A2D8B7
Split Right
#A2C3D8
Cyclic
Circular gradient for periodic data
8 colors
0°
#D8A2A8
45°
#D8C4A2
90°
#C3D8A2
135°
#A2D8AA
180°
#A2D8D2
225°
#A2B6D8
270°
#B7A2D8
315°
#D8A2D1
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#BCA9AB
Pastel 1
#C5B5B6
Pastel 2
#CEC0C2
Pastel 3
#D7CBCD
Pastel 4
#E0D7D8
Deep Pastel
#E9E2E3
Soft Olive
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#F0F6EA
Light
#D4DEC9
Medium Light
#B8C6A8
Medium
#9CAF88
Medium Dark
#798869
Dark
#57624B
Darkest
#383F2F
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#9CAF88
Left Dark
#B2C0A2
Left Medium
#C8D2BD
Left Light
#DEE3D9
Neutral
#F5F5F5
Right Light
#DED9E3
Right Medium
#C8BDD2
Right Dark
#B1A2C0
Complementary End
#9B88AF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#CDD6C2
Medium
#9CAF88
Dark
#455734
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#AF9B88
Left Adjacent 1
#AFAF88
Main
#9CAF88
Right Adjacent 1
#89AF88
Right Adjacent 2
#88AF9B
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#9CAF88
Complementary
#9B88AF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#9CAF88
Secondary
#889CAF
Tertiary
#AF889C
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#9CAF88
Right 90°
#88AFAF
Complementary
#9B88AF
Left 90°
#AF8888
Tetradic
Two pairs of complementary colors
4 colors
Main
#9CAF88
Secondary
#88AF9B
Complementary
#9B88AF
Complementary Secondary
#AF889C
Split Complementary
Complementary colors ±30°
3 colors
Main
#9CAF88
Split Left
#8888AF
Split Right
#AF88AF
Cyclic
Circular gradient for periodic data
8 colors
0°
#9CAF88
45°
#88AF91
90°
#88AFAF
135°
#8892AF
180°
#9B88AF
225°
#AF88A6
270°
#AF8888
315°
#AFA588
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#B3BAAB
Pastel 1
#BDC3B6
Pastel 2
#C7CDC1
Pastel 3
#D1D6CD
Pastel 4
#DBDFD8
Deep Pastel
#E6E8E3
Muted Terracotta
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFEDE6
Light
#F4CEC1
Medium Light
#E7B09D
Medium
#D9927A
Medium Dark
#B1715B
Dark
#8B513D
Darkest
#663322
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#D9927A
Left Dark
#E2AA97
Left Medium
#EAC3B6
Left Light
#F1DCD5
Neutral
#F5F5F5
Right Light
#D8E8EE
Right Medium
#BBDBE7
Right Dark
#9CCEE0
Complementary End
#7AC1D9
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#EFC8BB
Medium
#D9927A
Dark
#7A3E2B
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#D97AC1
Left Adjacent 1
#D97A91
Main
#D9927A
Right Adjacent 1
#D9C27A
Right Adjacent 2
#C1D97A
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#D9927A
Complementary
#7AC1D9
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#D9927A
Secondary
#7AD992
Tertiary
#927AD9
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#D9927A
Right 90°
#92D97A
Complementary
#7AC1D9
Left 90°
#C17AD9
Tetradic
Two pairs of complementary colors
4 colors
Main
#D9927A
Secondary
#C1D97A
Complementary
#7AC1D9
Complementary Secondary
#927AD9
Split Complementary
Complementary colors ±30°
3 colors
Main
#D9927A
Split Left
#7AD9C2
Split Right
#7A91D9
Cyclic
Circular gradient for periodic data
8 colors
0°
#D9927A
45°
#D9D97A
90°
#92D97A
135°
#7AD9AA
180°
#7AC1D9
225°
#7A7AD9
270°
#C17AD9
315°
#D97AA9
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#BFACA6
Pastel 1
#C8B7B2
Pastel 2
#D0C2BE
Pastel 3
#D9CDC9
Pastel 4
#E1D8D5
Deep Pastel
#EAE3E1
Warm Taupe
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#F9F1E9
Light
#E3D9CE
Medium Light
#CDC1B4
Medium
#B8A99A
Medium Dark
#928679
Dark
#6E645A
Darkest
#4B443D
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#B8A99A
Left Dark
#C7BBB0
Left Medium
#D6CEC7
Left Light
#E6E2DE
Neutral
#F5F5F5
Right Light
#DEE2E5
Right Medium
#C7CED6
Right Dark
#B0BBC7
Complementary End
#9AA9B8
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#DBD3CB
Medium
#B8A99A
Dark
#5D5043
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#B89AA9
Left Adjacent 1
#B89A9A
Main
#B8A99A
Right Adjacent 1
#B8B89A
Right Adjacent 2
#A9B89A
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#B8A99A
Complementary
#9AA9B8
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#B8A99A
Secondary
#9AB8A9
Tertiary
#A99AB8
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#B8A99A
Right 90°
#9AB89A
Complementary
#9AA9B8
Left 90°
#B89AB8
Tetradic
Two pairs of complementary colors
4 colors
Main
#B8A99A
Secondary
#A9B89A
Complementary
#9AA9B8
Complementary Secondary
#A99AB8
Split Complementary
Complementary colors ±30°
3 colors
Main
#B8A99A
Split Left
#9AB8B8
Split Right
#9A9AB8
Cyclic
Circular gradient for periodic data
8 colors
0°
#B8A99A
45°
#B1B89A
90°
#9AB89A
135°
#9AB8B1
180°
#9AA9B8
225°
#A29AB8
270°
#B89AB8
315°
#B89AA2
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#BAB3AB
Pastel 1
#C3BDB6
Pastel 2
#CDC7C1
Pastel 3
#D6D1CD
Pastel 4
#DFDBD8
Deep Pastel
#E8E5E3
Soft Camel
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#F3ECE7
Light
#E8DAD0
Medium Light
#DDC8B9
Medium
#D1B7A3
Medium Dark
#AF947F
Dark
#8D725D
Darkest
#6D513D
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#D1B7A3
Left Dark
#DAC6B7
Left Medium
#E4D6CB
Left Light
#ECE5E0
Neutral
#F5F5F5
Right Light
#E1E7EC
Right Medium
#CCD9E3
Right Dark
#B8CBDA
Complementary End
#A3BDD1
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#E8DAD0
Medium
#D1B7A3
Dark
#6B5544
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#D1A3BD
Left Adjacent 1
#D1A3A6
Main
#D1B7A3
Right Adjacent 1
#D1CEA3
Right Adjacent 2
#BDD1A3
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#D1B7A3
Complementary
#A3BDD1
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#D1B7A3
Secondary
#A3D1B7
Tertiary
#B7A3D1
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#D1B7A3
Right 90°
#A6D1A3
Complementary
#A3BDD1
Left 90°
#CEA3D1
Tetradic
Two pairs of complementary colors
4 colors
Main
#D1B7A3
Secondary
#BDD1A3
Complementary
#A3BDD1
Complementary Secondary
#B7A3D1
Split Complementary
Complementary colors ±30°
3 colors
Main
#D1B7A3
Split Left
#A3D1CE
Split Right
#A3A6D1
Cyclic
Circular gradient for periodic data
8 colors
0°
#D1B7A3
45°
#C8D1A3
90°
#A6D1A3
135°
#A3D1C3
180°
#A3BDD1
225°
#ABA3D1
270°
#CEA3D1
315°
#D1A3B2
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#BAB2AB
Pastel 1
#C3BCB6
Pastel 2
#CDC6C1
Pastel 3
#D6D1CD
Pastel 4
#DFDBD8
Deep Pastel
#E8E5E3
Dusty Peach
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#F7EDED
Light
#EED5D5
Medium Light
#E4BDBD
Medium
#D9A6A6
Medium Dark
#B9807F
Dark
#995C5A
Darkest
#793938
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#D9A6A6
Left Dark
#E1B9B9
Left Medium
#E8CDCD
Left Light
#EFE1E1
Neutral
#F5F5F5
Right Light
#E2EEEE
Right Medium
#CEE7E7
Right Dark
#BAE0E0
Complementary End
#A6D9D9
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#EDD2D2
Medium
#D9A6A6
Dark
#764A4B
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#D9A6D9
Left Adjacent 1
#D9A6C0
Main
#D9A6A6
Right Adjacent 1
#D9C0A6
Right Adjacent 2
#D9D9A6
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#D9A6A6
Complementary
#A6D9D9
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#D9A6A6
Secondary
#A6D9A6
Tertiary
#A6A6D9
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#D9A6A6
Right 90°
#C0D9A6
Complementary
#A6D9D9
Left 90°
#BFA6D9
Tetradic
Two pairs of complementary colors
4 colors
Main
#D9A6A6
Secondary
#D9D9A6
Complementary
#A6D9D9
Complementary Secondary
#A6A6D9
Split Complementary
Complementary colors ±30°
3 colors
Main
#D9A6A6
Split Left
#A6D9C0
Split Right
#A6BFD9
Cyclic
Circular gradient for periodic data
8 colors
0°
#D9A6A6
45°
#D9CCA6
90°
#C0D9A6
135°
#A6D9B3
180°
#A6D9D9
225°
#A6B3D9
270°
#BFA6D9
315°
#D9A6CC
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#BCA9A9
Pastel 1
#C5B5B5
Pastel 2
#CEC0C0
Pastel 3
#D7CCCC
Pastel 4
#E0D7D7
Deep Pastel
#E9E2E2
Muted Mustard
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FCF4E5
Light
#EFDEBD
Medium Light
#E1C896
Medium
#D1B26F
Medium Dark
#A68C54
Dark
#7D673A
Darkest
#564522
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#D1B26F
Left Dark
#DCC290
Left Medium
#E6D3B1
Left Light
#EEE4D3
Neutral
#F5F5F5
Right Light
#D5DAEC
Right Medium
#B5C0E3
Right Dark
#93A7DA
Complementary End
#6F8ED1
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#EBD8B6
Medium
#D1B26F
Dark
#6B5414
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#D16F8E
Left Adjacent 1
#D1816F
Main
#D1B26F
Right Adjacent 1
#BFD16F
Right Adjacent 2
#8ED16F
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#D1B26F
Complementary
#6F8ED1
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#D1B26F
Secondary
#6FD1B2
Tertiary
#B26FD1
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#D1B26F
Right 90°
#6FD181
Complementary
#6F8ED1
Left 90°
#D16FBF
Tetradic
Two pairs of complementary colors
4 colors
Main
#D1B26F
Secondary
#8ED16F
Complementary
#6F8ED1
Complementary Secondary
#B26FD1
Split Complementary
Complementary colors ±30°
3 colors
Main
#D1B26F
Split Left
#6FBFD1
Split Right
#816FD1
Cyclic
Circular gradient for periodic data
8 colors
0°
#D1B26F
45°
#A6D16F
90°
#6FD181
135°
#6FD1CA
180°
#6F8ED1
225°
#9A6FD1
270°
#D16FBF
315°
#D16F76
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#BEB7A7
Pastel 1
#C7C0B2
Pastel 2
#D0CABE
Pastel 3
#D8D4CA
Pastel 4
#E1DDD6
Deep Pastel
#E9E7E2
Soft Sage
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#F0F6EA
Light
#D4DEC9
Medium Light
#B8C6A8
Medium
#9CAF88
Medium Dark
#798869
Dark
#57624B
Darkest
#383F2F
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#9CAF88
Left Dark
#B2C0A2
Left Medium
#C8D2BD
Left Light
#DEE3D9
Neutral
#F5F5F5
Right Light
#DED9E3
Right Medium
#C8BDD2
Right Dark
#B1A2C0
Complementary End
#9B88AF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#CDD6C2
Medium
#9CAF88
Dark
#455734
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#AF9B88
Left Adjacent 1
#AFAF88
Main
#9CAF88
Right Adjacent 1
#89AF88
Right Adjacent 2
#88AF9B
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#9CAF88
Complementary
#9B88AF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#9CAF88
Secondary
#889CAF
Tertiary
#AF889C
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#9CAF88
Right 90°
#88AFAF
Complementary
#9B88AF
Left 90°
#AF8888
Tetradic
Two pairs of complementary colors
4 colors
Main
#9CAF88
Secondary
#88AF9B
Complementary
#9B88AF
Complementary Secondary
#AF889C
Split Complementary
Complementary colors ±30°
3 colors
Main
#9CAF88
Split Left
#8888AF
Split Right
#AF88AF
Cyclic
Circular gradient for periodic data
8 colors
0°
#9CAF88
45°
#88AF91
90°
#88AFAF
135°
#8892AF
180°
#9B88AF
225°
#AF88A6
270°
#AF8888
315°
#AFA588
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#B3BAAB
Pastel 1
#BDC3B6
Pastel 2
#C7CDC1
Pastel 3
#D1D6CD
Pastel 4
#DBDFD8
Deep Pastel
#E6E8E3
Dusty Coral
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#F2E1E1
Light
#E8CAC9
Medium Light
#DDB2B2
Medium
#D29B9B
Medium Dark
#AF7777
Dark
#8C5554
Darkest
#6B3534
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#D29B9B
Left Dark
#DCB1B1
Left Medium
#E5C7C7
Left Light
#EDDEDE
Neutral
#F5F5F5
Right Light
#DFECEC
Right Medium
#C9E4E3
Right Dark
#B2DBDB
Complementary End
#9BD2D2
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#EACCCC
Medium
#D29B9B
Dark
#744445
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#D29BD2
Left Adjacent 1
#D29BB6
Main
#D29B9B
Right Adjacent 1
#D2B69B
Right Adjacent 2
#D2D29B
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#D29B9B
Complementary
#9BD2D2
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#D29B9B
Secondary
#9BD29B
Tertiary
#9B9BD2
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#D29B9B
Right 90°
#B6D29B
Complementary
#9BD2D2
Left 90°
#B69BD2
Tetradic
Two pairs of complementary colors
4 colors
Main
#D29B9B
Secondary
#D2D29B
Complementary
#9BD2D2
Complementary Secondary
#9B9BD2
Split Complementary
Complementary colors ±30°
3 colors
Main
#D29B9B
Split Left
#9BD2B6
Split Right
#9BB6D2
Cyclic
Circular gradient for periodic data
8 colors
0°
#D29B9B
45°
#D2C49B
90°
#B6D29B
135°
#9BD2A9
180°
#9BD2D2
225°
#9BA9D2
270°
#B69BD2
315°
#D29BC4
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#BBAAAA
Pastel 1
#C4B5B5
Pastel 2
#CDC1C1
Pastel 3
#D6CCCC
Pastel 4
#DFD7D7
Deep Pastel
#E8E3E3
Warm Beige
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#F6F1EE
Light
#EFE6E1
Medium Light
#E8DCD4
Medium
#E1D1C7
Medium Dark
#C4AD9E
Dark
#A88977
Darkest
#8B6852
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#E1D1C7
Left Dark
#E6DAD2
Left Medium
#EBE3DE
Left Light
#F0ECE9
Neutral
#F5F5F5
Right Light
#E9EDF0
Right Medium
#DEE6EB
Right Dark
#D3DEE6
Complementary End
#C7D7E1
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#F0E8E3
Medium
#E1D1C7
Dark
#6F6259
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#E1C7D7
Left Adjacent 1
#E1C7CA
Main
#E1D1C7
Right Adjacent 1
#E1DEC7
Right Adjacent 2
#D7E1C7
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#E1D1C7
Complementary
#C7D7E1
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#E1D1C7
Secondary
#C7E1D1
Tertiary
#D1C7E1
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#E1D1C7
Right 90°
#CAE1C7
Complementary
#C7D7E1
Left 90°
#DEC7E1
Tetradic
Two pairs of complementary colors
4 colors
Main
#E1D1C7
Secondary
#D7E1C7
Complementary
#C7D7E1
Complementary Secondary
#D1C7E1
Split Complementary
Complementary colors ±30°
3 colors
Main
#E1D1C7
Split Left
#C7E1DE
Split Right
#C7CAE1
Cyclic
Circular gradient for periodic data
8 colors
0°
#E1D1C7
45°
#DEE1C7
90°
#CAE1C7
135°
#C7E1D8
180°
#C7D7E1
225°
#CAC7E1
270°
#DEC7E1
315°
#E1C7D0
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#BAB1AB
Pastel 1
#C3BBB6
Pastel 2
#CDC6C1
Pastel 3
#D6D0CD
Pastel 4
#DFDAD8
Deep Pastel
#E8E5E3
Muted Burgundy
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#EDCBD2
Light
#D2A1A9
Medium Light
#B77782
Medium
#9A4E5D
Medium Dark
#673841
Dark
#392326
Darkest
#0C0C0C
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#9A4E5D
Left Dark
#B37780
Left Medium
#CAA0A6
Left Light
#E0CACD
Neutral
#F5F5F5
Right Light
#CCDED9
Right Medium
#A3C7BF
Right Dark
#7AB1A4
Complementary End
#4E9A8B
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#CFA4AA
Medium
#9A4E5D
Dark
#60192C
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#8B4E9A
Left Adjacent 1
#9A4E83
Main
#9A4E5D
Right Adjacent 1
#9A654E
Right Adjacent 2
#9A8B4E
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#9A4E5D
Complementary
#4E9A8B
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#9A4E5D
Secondary
#5D9A4E
Tertiary
#4E5D9A
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#9A4E5D
Right 90°
#839A4E
Complementary
#4E9A8B
Left 90°
#654E9A
Tetradic
Two pairs of complementary colors
4 colors
Main
#9A4E5D
Secondary
#9A8B4E
Complementary
#4E9A8B
Complementary Secondary
#4E5D9A
Split Complementary
Complementary colors ±30°
3 colors
Main
#9A4E5D
Split Left
#4E9A65
Split Right
#4E839A
Cyclic
Circular gradient for periodic data
8 colors
0°
#9A4E5D
45°
#9A784E
90°
#839A4E
135°
#4E9A52
180°
#4E9A8B
225°
#4E709A
270°
#654E9A
315°
#9A4E96
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#BAABAE
Pastel 1
#C3B6B9
Pastel 2
#CDC1C4
Pastel 3
#D6CDCE
Pastel 4
#DFD8D9
Deep Pastel
#E8E3E4
Dusty Teal
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#E6F8F8
Light
#C2E2E2
Medium Light
#9ECCCC
Medium
#7AB6B6
Medium Dark
#5F8C8C
Dark
#456464
Darkest
#2C3F3F
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#7AB6B6
Left Dark
#9AC6C5
Left Medium
#B8D5D5
Left Light
#D7E5E5
Neutral
#F5F5F5
Right Light
#E7D5D5
Right Medium
#D7B6B6
Right Dark
#C79897
Complementary End
#B67A7A
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#BDDADA
Medium
#7AB6B6
Dark
#1C5B5C
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#7AB67A
Left Adjacent 1
#7AB698
Main
#7AB6B6
Right Adjacent 1
#7A98B6
Right Adjacent 2
#7A7AB6
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#7AB6B6
Complementary
#B67A7A
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#7AB6B6
Secondary
#B67AB6
Tertiary
#B6B67A
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#7AB6B6
Right 90°
#987AB6
Complementary
#B67A7A
Left 90°
#98B67A
Tetradic
Two pairs of complementary colors
4 colors
Main
#7AB6B6
Secondary
#7A7AB6
Complementary
#B67A7A
Complementary Secondary
#B6B67A
Split Complementary
Complementary colors ±30°
3 colors
Main
#7AB6B6
Split Left
#B67A98
Split Right
#B6987A
Cyclic
Circular gradient for periodic data
8 colors
0°
#7AB6B6
45°
#7A89B6
90°
#987AB6
135°
#B67AA7
180°
#B67A7A
225°
#B6A77A
270°
#98B67A
315°
#7AB689
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#ABBABA
Pastel 1
#B6C3C3
Pastel 2
#C1CDCD
Pastel 3
#CDD6D6
Pastel 4
#D8DFDF
Deep Pastel
#E3E8E8
Soft Brown
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#F8EFE5
Light
#DDCCBB
Medium Light
#C1AA93
Medium
#A68A6D
Medium Dark
#796652
Dark
#504438
Darkest
#292420
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#A68A6D
Left Dark
#BAA48D
Left Medium
#CEBEAF
Left Light
#E2D9D1
Neutral
#F5F5F5
Right Light
#D3D9E1
Right Medium
#B1BECD
Right Dark
#8FA3B9
Complementary End
#6D89A6
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#D3C3B4
Medium
#A68A6D
Dark
#584228
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#A66D89
Left Adjacent 1
#A66D6D
Main
#A68A6D
Right Adjacent 1
#A6A66D
Right Adjacent 2
#89A66D
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#A68A6D
Complementary
#6D89A6
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#A68A6D
Secondary
#6DA68A
Tertiary
#8A6DA6
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#A68A6D
Right 90°
#6DA66D
Complementary
#6D89A6
Left 90°
#A66DA6
Tetradic
Two pairs of complementary colors
4 colors
Main
#A68A6D
Secondary
#89A66D
Complementary
#6D89A6
Complementary Secondary
#8A6DA6
Split Complementary
Complementary colors ±30°
3 colors
Main
#A68A6D
Split Left
#6DA6A6
Split Right
#6E6DA6
Cyclic
Circular gradient for periodic data
8 colors
0°
#A68A6D
45°
#97A66D
90°
#6DA66D
135°
#6DA698
180°
#6D89A6
225°
#7C6DA6
270°
#A66DA6
315°
#A66D7B
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#BAB3AB
Pastel 1
#C3BDB6
Pastel 2
#CDC7C1
Pastel 3
#D6D1CD
Pastel 4
#DFDBD8
Deep Pastel
#E8E6E3
Muted Mauve
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#EDE3E3
Light
#E0CDCD
Medium Light
#D3B9B8
Medium
#C6A4A4
Medium Dark
#A18180
Dark
#7E5F5F
Darkest
#5C3F3F
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#C6A4A4
Left Dark
#D2B8B8
Left Medium
#DECCCC
Left Light
#EAE0E0
Neutral
#F5F5F5
Right Light
#E1E9E9
Right Medium
#CCDDDD
Right Dark
#B8D2D2
Complementary End
#A4C6C6
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#E3D1D1
Medium
#C6A4A4
Dark
#694B4C
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#C6A4C6
Left Adjacent 1
#C6A4B5
Main
#C6A4A4
Right Adjacent 1
#C6B5A4
Right Adjacent 2
#C6C6A4
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#C6A4A4
Complementary
#A4C6C6
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#C6A4A4
Secondary
#A4C6A4
Tertiary
#A4A4C6
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#C6A4A4
Right 90°
#B5C6A4
Complementary
#A4C6C6
Left 90°
#B5A4C6
Tetradic
Two pairs of complementary colors
4 colors
Main
#C6A4A4
Secondary
#C6C6A4
Complementary
#A4C6C6
Complementary Secondary
#A4A4C6
Split Complementary
Complementary colors ±30°
3 colors
Main
#C6A4A4
Split Left
#A4C6B5
Split Right
#A4B5C6
Cyclic
Circular gradient for periodic data
8 colors
0°
#C6A4A4
45°
#C6BEA4
90°
#B5C6A4
135°
#A4C6AD
180°
#A4C6C6
225°
#A4ACC6
270°
#B5A4C6
315°
#C6A4BE
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#BAABAB
Pastel 1
#C3B6B6
Pastel 2
#CDC1C1
Pastel 3
#D6CDCD
Pastel 4
#DFD8D8
Deep Pastel
#E8E3E3
Dusty Lavender
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#F3EEFB
Light
#DAD1E8
Medium Light
#C1B5D5
Medium
#A99AC2
Medium Dark
#85779C
Dark
#635678
Darkest
#433755
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#A99AC2
Left Dark
#BCB0CF
Left Medium
#CFC7DB
Left Light
#E2DEE8
Neutral
#F5F5F5
Right Light
#E4E8DE
Right Medium
#D4DBC7
Right Dark
#C3CFB0
Complementary End
#B3C29A
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#D4CBE0
Medium
#A99AC2
Dark
#54486B
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#9AB3C2
Left Adjacent 1
#9A9FC2
Main
#A99AC2
Right Adjacent 1
#BD9AC2
Right Adjacent 2
#C29AB3
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#A99AC2
Complementary
#B3C29A
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#A99AC2
Secondary
#C2A99A
Tertiary
#9AC2A9
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#A99AC2
Right 90°
#C29A9F
Complementary
#B3C29A
Left 90°
#9AC2BD
Tetradic
Two pairs of complementary colors
4 colors
Main
#A99AC2
Secondary
#C29AB3
Complementary
#B3C29A
Complementary Secondary
#9AC2A9
Split Complementary
Complementary colors ±30°
3 colors
Main
#A99AC2
Split Left
#C2BD9A
Split Right
#9FC29A
Cyclic
Circular gradient for periodic data
8 colors
0°
#A99AC2
45°
#C29ABD
90°
#C29A9F
135°
#C2B39A
180°
#B3C29A
225°
#9AC29F
270°
#9AC2BD
315°
#9AA9C2
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#B1ABBA
Pastel 1
#BBB6C3
Pastel 2
#C5C1CD
Pastel 3
#D0CDD6
Pastel 4
#DAD8DF
Deep Pastel
#E5E3E8
Warm Gray
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FAF0F2
Light
#DED8D9
Medium Light
#C3C0C1
Medium
#A9A9A9
Medium Dark
#858585
Dark
#636363
Darkest
#434343
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#A9A9A9
Left Dark
#BBBBBB
Left Medium
#CECECE
Left Light
#E2E2E2
Neutral
#F5F5F5
Right Light
#E2E2E2
Right Medium
#CECECE
Right Dark
#BBBBBB
Complementary End
#A9A9A9
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#D3D3D3
Medium
#A9A9A9
Dark
#515151
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#A9A9A9
Left Adjacent 1
#A9A9A9
Main
#A9A9A9
Right Adjacent 1
#A9A9A9
Right Adjacent 2
#A9A9A9
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#A9A9A9
Complementary
#A9A9A9
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#A9A9A9
Secondary
#A9A9A9
Tertiary
#A9A9A9
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#A9A9A9
Right 90°
#A9A9A9
Complementary
#A9A9A9
Left 90°
#A9A9A9
Tetradic
Two pairs of complementary colors
4 colors
Main
#A9A9A9
Secondary
#A9A9A9
Complementary
#A9A9A9
Complementary Secondary
#A9A9A9
Split Complementary
Complementary colors ±30°
3 colors
Main
#A9A9A9
Split Left
#A9A9A9
Split Right
#A9A9A9
Cyclic
Circular gradient for periodic data
8 colors
0°
#A9A9A9
45°
#A9A9A9
90°
#A9A9A9
135°
#A9A9A9
180°
#A9A9A9
225°
#A9A9A9
270°
#A9A9A9
315°
#A9A9A9
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
Soft Gold
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#F9F5E3
Light
#F3EAC7
Medium Light
#EDE0AC
Medium
#E6D690
Medium Dark
#C7B56D
Dark
#A8954A
Darkest
#8A7728
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#E6D690
Left Dark
#EBDEA9
Left Medium
#EFE5C2
Left Light
#F3EDDC
Neutral
#F5F5F5
Right Light
#DDDFF2
Right Medium
#C4CAEE
Right Dark
#ABB4EA
Complementary End
#90A0E6
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#F4EAC7
Medium
#E6D690
Dark
#706626
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#E690A0
Left Adjacent 1
#E6AB90
Main
#E6D690
Right Adjacent 1
#CBE690
Right Adjacent 2
#A0E690
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#E6D690
Complementary
#90A0E6
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#E6D690
Secondary
#90E6D6
Tertiary
#D690E6
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#E6D690
Right 90°
#90E6AB
Complementary
#90A0E6
Left 90°
#E690CB
Tetradic
Two pairs of complementary colors
4 colors
Main
#E6D690
Secondary
#A0E690
Complementary
#90A0E6
Complementary Secondary
#D690E6
Split Complementary
Complementary colors ±30°
3 colors
Main
#E6D690
Split Left
#90CBE6
Split Right
#AB90E6
Cyclic
Circular gradient for periodic data
8 colors
0°
#E6D690
45°
#B6E690
90°
#90E6AB
135°
#90E0E6
180°
#90A0E6
225°
#C190E6
270°
#E690CB
315°
#E69690
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C1BCA4
Pastel 1
#C9C5B0
Pastel 2
#D2CEBC
Pastel 3
#DAD7C8
Pastel 4
#E2E0D5
Deep Pastel
#EAE9E1
Muted Forest Green
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#DAE8DA
Light
#B4C9B4
Medium Light
#8FAB8F
Medium
#6B8E6B
Medium Dark
#4D644D
Dark
#313C30
Darkest
#161916
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#6B8E6B
Left Dark
#8CA78C
Left Medium
#AEC1AE
Left Light
#D1DBD1
Neutral
#F5F5F5
Right Light
#DBD1DA
Right Medium
#C1AEC0
Right Dark
#A78CA7
Complementary End
#8E6B8E
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#B3C5B2
Medium
#6B8E6B
Dark
#28492A
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#8E8E6B
Left Adjacent 1
#7D8E6B
Main
#6B8E6B
Right Adjacent 1
#6B8E7D
Right Adjacent 2
#6B8E8E
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#6B8E6B
Complementary
#8E6B8E
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#6B8E6B
Secondary
#6B6B8E
Tertiary
#8E6B6B
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#6B8E6B
Right 90°
#6B7D8E
Complementary
#8E6B8E
Left 90°
#8E7D6B
Tetradic
Two pairs of complementary colors
4 colors
Main
#6B8E6B
Secondary
#6B8E8E
Complementary
#8E6B8E
Complementary Secondary
#8E6B6B
Split Complementary
Complementary colors ±30°
3 colors
Main
#6B8E6B
Split Left
#7D6B8E
Split Right
#8E6B7D
Cyclic
Circular gradient for periodic data
8 colors
0°
#6B8E6B
45°
#6B8E85
90°
#6B7D8E
135°
#746B8E
180°
#8E6B8E
225°
#8E6B74
270°
#8E7D6B
315°
#858E6B
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#ABBAAB
Pastel 1
#B6C3B6
Pastel 2
#C1CDC1
Pastel 3
#CDD6CD
Pastel 4
#D8DFD8
Deep Pastel
#E3E8E3
Dusty Yellow
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FAF6E5
Light
#EDE4C2
Medium Light
#E0D29F
Medium
#D1C17D
Medium Dark
#A99B5F
Dark
#837743
Darkest
#5F5429
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#D1C17D
Left Dark
#DBCE9B
Left Medium
#E5DBB8
Left Light
#EDE8D6
Neutral
#F5F5F5
Right Light
#D8DAEC
Right Medium
#BBC0E3
Right Dark
#9DA6DA
Complementary End
#7D8DD1
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#EADFBD
Medium
#D1C17D
Dark
#675C1D
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#D17D8D
Left Adjacent 1
#D1977D
Main
#D1C17D
Right Adjacent 1
#B7D17D
Right Adjacent 2
#8DD17D
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#D1C17D
Complementary
#7D8DD1
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#D1C17D
Secondary
#7DD1C1
Tertiary
#C17DD1
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#D1C17D
Right 90°
#7DD197
Complementary
#7D8DD1
Left 90°
#D17DB7
Tetradic
Two pairs of complementary colors
4 colors
Main
#D1C17D
Secondary
#8DD17D
Complementary
#7D8DD1
Complementary Secondary
#C17DD1
Split Complementary
Complementary colors ±30°
3 colors
Main
#D1C17D
Split Left
#7DB7D1
Split Right
#977DD1
Cyclic
Circular gradient for periodic data
8 colors
0°
#D1C17D
45°
#A2D17D
90°
#7DD197
135°
#7DCCD1
180°
#7D8DD1
225°
#AC7DD1
270°
#D17DB7
315°
#D1827D
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#BDB9A8
Pastel 1
#C6C3B3
Pastel 2
#CFCCBF
Pastel 3
#D8D5CB
Pastel 4
#E0DED6
Deep Pastel
#E9E8E2
Soft Terracotta
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFEDE6
Light
#F4CEC1
Medium Light
#E7B09D
Medium
#D9927A
Medium Dark
#B1715B
Dark
#8B513D
Darkest
#663322
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#D9927A
Left Dark
#E2AA97
Left Medium
#EAC3B6
Left Light
#F1DCD5
Neutral
#F5F5F5
Right Light
#D8E8EE
Right Medium
#BBDBE7
Right Dark
#9CCEE0
Complementary End
#7AC1D9
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#EFC8BB
Medium
#D9927A
Dark
#7A3E2B
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#D97AC1
Left Adjacent 1
#D97A91
Main
#D9927A
Right Adjacent 1
#D9C27A
Right Adjacent 2
#C1D97A
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#D9927A
Complementary
#7AC1D9
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#D9927A
Secondary
#7AD992
Tertiary
#927AD9
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#D9927A
Right 90°
#92D97A
Complementary
#7AC1D9
Left 90°
#C17AD9
Tetradic
Two pairs of complementary colors
4 colors
Main
#D9927A
Secondary
#C1D97A
Complementary
#7AC1D9
Complementary Secondary
#927AD9
Split Complementary
Complementary colors ±30°
3 colors
Main
#D9927A
Split Left
#7AD9C2
Split Right
#7A91D9
Cyclic
Circular gradient for periodic data
8 colors
0°
#D9927A
45°
#D9D97A
90°
#92D97A
135°
#7AD9AA
180°
#7AC1D9
225°
#7A7AD9
270°
#C17AD9
315°
#D97AA9
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#BFACA6
Pastel 1
#C8B7B2
Pastel 2
#D0C2BE
Pastel 3
#D9CDC9
Pastel 4
#E1D8D5
Deep Pastel
#EAE3E1
Muted Copper
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFEFE6
Light
#EEC9B5
Medium Light
#DCA386
Medium
#C67F59
Medium Dark
#945F43
Dark
#66412D
Darkest
#3B2519
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#C67F59
Left Dark
#D59C7E
Left Medium
#E2B9A4
Left Light
#EDD7CC
Neutral
#F5F5F5
Right Light
#D1DFE9
Right Medium
#ACCADE
Right Dark
#85B5D2
Complementary End
#59A0C6
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#E7BEA9
Medium
#C67F59
Dark
#713614
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#C659A0
Left Adjacent 1
#C6596A
Main
#C67F59
Right Adjacent 1
#C6B659
Right Adjacent 2
#A0C659
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#C67F59
Complementary
#59A0C6
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#C67F59
Secondary
#59C67F
Tertiary
#7F59C6
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#C67F59
Right 90°
#6AC659
Complementary
#59A0C6
Left 90°
#B559C6
Tetradic
Two pairs of complementary colors
4 colors
Main
#C67F59
Secondary
#A0C659
Complementary
#59A0C6
Complementary Secondary
#7F59C6
Split Complementary
Complementary colors ±30°
3 colors
Main
#C67F59
Split Left
#59C6B6
Split Right
#5969C6
Cyclic
Circular gradient for periodic data
8 colors
0°
#C67F59
45°
#BBC659
90°
#6AC659
135°
#59C69A
180°
#59A0C6
225°
#6459C6
270°
#B559C6
315°
#C65985
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#BEAFA7
Pastel 1
#C6BAB3
Pastel 2
#CFC4BF
Pastel 3
#D8CFCA
Pastel 4
#E1DAD6
Deep Pastel
#E9E4E2
Dusty Blue
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#E8F5FB
Light
#C3D7E2
Medium Light
#9FBAC9
Medium
#7B9EB1
Medium Dark
#5F7886
Dark
#44545D
Darkest
#2A3338
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#7B9EB1
Left Dark
#99B3C2
Left Medium
#B8C9D3
Left Light
#D6DFE4
Neutral
#F5F5F5
Right Light
#E5DAD5
Right Medium
#D4C0B6
Right Dark
#C3A798
Complementary End
#B18E7B
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#BDCDD7
Medium
#7B9EB1
Dark
#2B4F60
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#7BB18E
Left Adjacent 1
#7BB1A9
Main
#7B9EB1
Right Adjacent 1
#7B83B1
Right Adjacent 2
#8E7BB1
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#7B9EB1
Complementary
#B18E7B
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#7B9EB1
Secondary
#B17B9E
Tertiary
#9EB17B
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#7B9EB1
Right 90°
#A97BB1
Complementary
#B18E7B
Left 90°
#83B17B
Tetradic
Two pairs of complementary colors
4 colors
Main
#7B9EB1
Secondary
#8E7BB1
Complementary
#B18E7B
Complementary Secondary
#9EB17B
Split Complementary
Complementary colors ±30°
3 colors
Main
#7B9EB1
Split Left
#B17B83
Split Right
#B1A97B
Cyclic
Circular gradient for periodic data
8 colors
0°
#7B9EB1
45°
#817BB1
90°
#A97BB1
135°
#B17B91
180°
#B18E7B
225°
#ABB17B
270°
#83B17B
315°
#7BB19B
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#ABB5BA
Pastel 1
#B6BFC3
Pastel 2
#C1C9CD
Pastel 3
#CDD2D6
Pastel 4
#D8DCDF
Deep Pastel
#E3E6E8
Warm White
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FBF2EA
Light
#FBF1E8
Medium Light
#FAF1E7
Medium
#FAF0E6
Medium Dark
#F2CEAE
Dark
#E6AC78
Darkest
#D58B43
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FAF0E6
Left Dark
#F9F1EA
Left Medium
#F8F2ED
Left Light
#F6F4F1
Neutral
#F5F5F5
Right Light
#F1F4F6
Right Medium
#EEF2F8
Right Dark
#EAF1F9
Complementary End
#E6F0FA
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FDF7F2
Medium
#FAF0E6
Dark
#787067
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FAE6F0
Left Adjacent 1
#FAE6E6
Main
#FAF0E6
Right Adjacent 1
#FAFAE6
Right Adjacent 2
#F0FAE6
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FAF0E6
Complementary
#E6F0FA
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FAF0E6
Secondary
#E6FAF0
Tertiary
#F0E6FA
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FAF0E6
Right 90°
#E6FAE6
Complementary
#E6F0FA
Left 90°
#FAE6FA
Tetradic
Two pairs of complementary colors
4 colors
Main
#FAF0E6
Secondary
#F0FAE6
Complementary
#E6F0FA
Complementary Secondary
#F0E6FA
Split Complementary
Complementary colors ±30°
3 colors
Main
#FAF0E6
Split Left
#E6FAFA
Split Right
#E6E6FA
Cyclic
Circular gradient for periodic data
8 colors
0°
#FAF0E6
45°
#F5FAE6
90°
#E6FAE6
135°
#E6FAF5
180°
#E6F0FA
225°
#EBE6FA
270°
#FAE6FA
315°
#FAE6EB
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C2B3A3
Pastel 1
#CABDAF
Pastel 2
#D2C7BC
Pastel 3
#DAD1C8
Pastel 4
#E2DBD4
Deep Pastel
#EBE5E0
Soft Khaki
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#F9F3E8
Light
#E7DCCA
Medium Light
#D5C6AD
Medium
#C3B091
Medium Dark
#9D8C71
Dark
#786A52
Darkest
#564936
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#C3B091
Left Dark
#D0C1A9
Left Medium
#DDD2C2
Left Light
#E9E3DB
Neutral
#F5F5F5
Right Light
#DCE0E8
Right Medium
#C3CCDC
Right Dark
#AAB8CF
Complementary End
#91A4C3
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#E1D7C7
Medium
#C3B091
Dark
#635438
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#C391A4
Left Adjacent 1
#C39791
Main
#C3B091
Right Adjacent 1
#BDC391
Right Adjacent 2
#A4C391
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#C3B091
Complementary
#91A4C3
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#C3B091
Secondary
#91C3B0
Tertiary
#B091C3
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#C3B091
Right 90°
#91C397
Complementary
#91A4C3
Left 90°
#C391BD
Tetradic
Two pairs of complementary colors
4 colors
Main
#C3B091
Secondary
#A4C391
Complementary
#91A4C3
Complementary Secondary
#B091C3
Split Complementary
Complementary colors ±30°
3 colors
Main
#C3B091
Split Left
#91BDC3
Split Right
#9791C3
Cyclic
Circular gradient for periodic data
8 colors
0°
#C3B091
45°
#B1C391
90°
#91C397
135°
#91C3BC
180°
#91A4C3
225°
#A391C3
270°
#C391BD
315°
#C39197
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#BAB4AB
Pastel 1
#C3BEB6
Pastel 2
#CDC8C1
Pastel 3
#D6D2CD
Pastel 4
#DFDCD8
Deep Pastel
#E8E6E3
Muted Salmon
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFECE4
Light
#FACFC0
Medium Light
#F3B29C
Medium
#E9967A
Medium Dark
#C57458
Dark
#A15338
Darkest
#7E331A
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#E9967A
Left Dark
#EFAE98
Left Medium
#F3C5B6
Left Light
#F5DDD5
Neutral
#F5F5F5
Right Light
#D9EBF2
Right Medium
#BCE1EF
Right Dark
#9DD7EC
Complementary End
#7ACDE9
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#F8CABB
Medium
#E9967A
Dark
#843E27
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#E97ACD
Left Adjacent 1
#E97A95
Main
#E9967A
Right Adjacent 1
#E9CE7A
Right Adjacent 2
#CDE97A
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#E9967A
Complementary
#7ACDE9
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#E9967A
Secondary
#7AE996
Tertiary
#967AE9
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#E9967A
Right 90°
#95E97A
Complementary
#7ACDE9
Left 90°
#CE7AE9
Tetradic
Two pairs of complementary colors
4 colors
Main
#E9967A
Secondary
#CDE97A
Complementary
#7ACDE9
Complementary Secondary
#967AE9
Split Complementary
Complementary colors ±30°
3 colors
Main
#E9967A
Split Left
#7AE9CD
Split Right
#7A95E9
Cyclic
Circular gradient for periodic data
8 colors
0°
#E9967A
45°
#E9E97A
90°
#95E97A
135°
#7AE9B2
180°
#7ACDE9
225°
#7A7AE9
270°
#CE7AE9
315°
#E97AB1
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C3AAA2
Pastel 1
#CBB6AE
Pastel 2
#D3C1BB
Pastel 3
#DBCCC7
Pastel 4
#E3D7D4
Deep Pastel
#EBE3E0
Dusty Plum
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#E7D8E8
Light
#C8B1C8
Medium Light
#A98BA9
Medium
#8B668B
Medium Dark
#5F485F
Dark
#372C37
Darkest
#121112
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#8B668B
Left Dark
#A588A5
Left Medium
#BFABBF
Left Light
#DAD0DA
Neutral
#F5F5F5
Right Light
#D0DACF
Right Medium
#ACBFAB
Right Dark
#89A588
Complementary End
#668B66
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#C4B0C4
Medium
#8B668B
Dark
#4F2D4F
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#66668B
Left Adjacent 1
#78668B
Main
#8B668B
Right Adjacent 1
#8B6679
Right Adjacent 2
#8B6666
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#8B668B
Complementary
#668B66
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#8B668B
Secondary
#8B8B66
Tertiary
#668B8B
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#8B668B
Right 90°
#8B7966
Complementary
#668B66
Left 90°
#66788B
Tetradic
Two pairs of complementary colors
4 colors
Main
#8B668B
Secondary
#8B6666
Complementary
#668B66
Complementary Secondary
#668B8B
Split Complementary
Complementary colors ±30°
3 colors
Main
#8B668B
Split Left
#798B66
Split Right
#668B79
Cyclic
Circular gradient for periodic data
8 colors
0°
#8B668B
45°
#8B666F
90°
#8B7966
135°
#828B66
180°
#668B66
225°
#668B82
270°
#66788B
315°
#6F668B
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
Soft Brick
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FEECEC
Light
#EAC7C7
Medium Light
#D6A3A3
Medium
#C08081
Medium Dark
#966162
Dark
#6F4444
Darkest
#492929
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#C08081
Left Dark
#CF9D9D
Left Medium
#DDBAB9
Left Light
#E9D7D7
Neutral
#F5F5F5
Right Light
#D9E8E7
Right Medium
#BCDBDA
Right Dark
#9FCDCC
Complementary End
#80C0BF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#E1BEBE
Medium
#C08081
Dark
#6E3639
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#BF80C0
Left Adjacent 1
#C080A1
Main
#C08081
Right Adjacent 1
#C09F80
Right Adjacent 2
#C0BF80
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#C08081
Complementary
#80C0BF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#C08081
Secondary
#81C080
Tertiary
#8081C0
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#C08081
Right 90°
#A1C080
Complementary
#80C0BF
Left 90°
#9F80C0
Tetradic
Two pairs of complementary colors
4 colors
Main
#C08081
Secondary
#C0BF80
Complementary
#80C0BF
Complementary Secondary
#8081C0
Split Complementary
Complementary colors ±30°
3 colors
Main
#C08081
Split Left
#80C09F
Split Right
#80A1C0
Cyclic
Circular gradient for periodic data
8 colors
0°
#C08081
45°
#C0AF80
90°
#A1C080
135°
#80C08F
180°
#80C0BF
225°
#8091C0
270°
#9F80C0
315°
#C080B1
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#BAABAB
Pastel 1
#C3B6B6
Pastel 2
#CDC1C1
Pastel 3
#D6CCCD
Pastel 4
#DFD8D8
Deep Pastel
#E8E3E3
Muted Orange
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFF1E4
Light
#F4D5BB
Medium Light
#E7BA94
Medium
#D9A06D
Medium Dark
#AE7D51
Dark
#855C37
Darkest
#5E3C1F
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#D9A06D
Left Dark
#E3B58E
Left Medium
#EBCAB0
Left Light
#F1DFD2
Neutral
#F5F5F5
Right Light
#D5E1EE
Right Medium
#B5CDE7
Right Dark
#93B9E0
Complementary End
#6DA6D9
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#F0CFB4
Medium
#D9A06D
Dark
#764819
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#D96DA6
Left Adjacent 1
#D96D70
Main
#D9A06D
Right Adjacent 1
#D9D66D
Right Adjacent 2
#A6D96D
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#D9A06D
Complementary
#6DA6D9
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#D9A06D
Secondary
#6DD9A0
Tertiary
#A06DD9
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#D9A06D
Right 90°
#70D96D
Complementary
#6DA6D9
Left 90°
#D66DD9
Tetradic
Two pairs of complementary colors
4 colors
Main
#D9A06D
Secondary
#A6D96D
Complementary
#6DA6D9
Complementary Secondary
#A06DD9
Split Complementary
Complementary colors ±30°
3 colors
Main
#D9A06D
Split Left
#6DD9D6
Split Right
#6D70D9
Cyclic
Circular gradient for periodic data
8 colors
0°
#D9A06D
45°
#C1D96D
90°
#70D96D
135°
#6DD9BB
180°
#6DA6D9
225°
#856DD9
270°
#D66DD9
315°
#D96D8B
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C0B2A5
Pastel 1
#C8BCB1
Pastel 2
#D1C6BD
Pastel 3
#D9D1C9
Pastel 4
#E2DBD5
Deep Pastel
#EAE5E1
Dusty Green
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#EEF1E6
Light
#CED2C0
Medium Light
#AEB49C
Medium
#8F9779
Medium Dark
#696F5A
Dark
#46493D
Darkest
#252622
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#8F9779
Left Dark
#A8AE97
Left Medium
#C1C5B5
Left Light
#DBDDD5
Neutral
#F5F5F5
Right Light
#D7D5DD
Right Medium
#BAB5C5
Right Dark
#9D96AE
Complementary End
#817997
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#C6CABA
Medium
#8F9779
Dark
#434B30
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#978179
Left Adjacent 1
#979079
Main
#8F9779
Right Adjacent 1
#809779
Right Adjacent 2
#799781
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#8F9779
Complementary
#817997
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#8F9779
Secondary
#798F97
Tertiary
#97798F
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#8F9779
Right 90°
#799790
Complementary
#817997
Left 90°
#977980
Tetradic
Two pairs of complementary colors
4 colors
Main
#8F9779
Secondary
#799781
Complementary
#817997
Complementary Secondary
#97798F
Split Complementary
Complementary colors ±30°
3 colors
Main
#8F9779
Split Left
#798097
Split Right
#907997
Cyclic
Circular gradient for periodic data
8 colors
0°
#8F9779
45°
#799779
90°
#799790
135°
#798797
180°
#817997
225°
#977997
270°
#977980
315°
#978979
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#B6BAAB
Pastel 1
#C0C3B6
Pastel 2
#CACDC1
Pastel 3
#D3D6CD
Pastel 4
#DDDFD8
Deep Pastel
#E7E8E3
Extract Soft Autumn Color Palette
Upload a photo to extract a Soft Autumn color palette with HEX and RGB codes.
click or drag your image here
Supported formats: JPG, PNG, WebP