Appearance
30 Neutral Color Palettes & Code
Explore 30 expertly curated neutral color palettes, featuring diverse thematic schemes including classic, modern, warm, and cool neutral designs. A comprehensive color inspiration library for UI design, branding, and interior design.
Neutral Colors
Pure White →
HEX#FFFFFF
RGBrgb(255, 255, 255)
Black →
HEX#000000
RGBrgb(0, 0, 0)
Light Gray →
HEX#D3D3D3
RGBrgb(211, 211, 211)
Charcoal →
HEX#36454F
RGBrgb(54, 69, 79)
Taupe →
HEX#483C32
RGBrgb(72, 60, 50)
Beige →
HEX#F5F5DC
RGBrgb(245, 245, 220)
Ivory →
HEX#FFFFF0
RGBrgb(255, 255, 240)
Off White →
HEX#FAF9F6
RGBrgb(250, 249, 246)
Warm Gray →
HEX#6E6E6E
RGBrgb(110, 110, 110)
Cool Gray →
HEX#8C92AC
RGBrgb(140, 146, 172)
Ash Gray →
HEX#B2BEB5
RGBrgb(178, 190, 181)
Slate Gray →
HEX#708090
RGBrgb(112, 128, 144)
Greige →
HEX#B7A99A
RGBrgb(183, 169, 154)
Stone →
HEX#928E85
RGBrgb(146, 142, 133)
Sand →
HEX#C2B280
RGBrgb(194, 178, 128)
Khaki →
HEX#C3B091
RGBrgb(195, 176, 145)
Taupe Gray →
HEX#8B8589
RGBrgb(139, 133, 137)
Mushroom →
HEX#BDAB9B
RGBrgb(189, 171, 155)
Driftwood →
HEX#A67B5B
RGBrgb(166, 123, 91)
Pebble →
HEX#9D9D9D
RGBrgb(157, 157, 157)
Neutral 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 neutral hue.
Pure White
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#F2F2F2
Light
#F6F6F6
Medium Light
#FBFBFB
Medium
#FFFFFF
Medium Dark
#DCDCDC
Dark
#BABABA
Darkest
#999999
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FFFFFF
Left Dark
#FCFCFC
Left Medium
#FAFAFA
Left Light
#F7F7F7
Neutral
#F5F5F5
Right Light
#F7F7F7
Right Medium
#FAFAFA
Right Dark
#FCFCFC
Complementary End
#FFFFFF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFFFFF
Medium
#FFFFFF
Dark
#777777
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FFFFFF
Left Adjacent 1
#FFFFFF
Main
#FFFFFF
Right Adjacent 1
#FFFFFF
Right Adjacent 2
#FFFFFF
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FFFFFF
Complementary
#FFFFFF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FFFFFF
Secondary
#FFFFFF
Tertiary
#FFFFFF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FFFFFF
Right 90°
#FFFFFF
Complementary
#FFFFFF
Left 90°
#FFFFFF
Tetradic
Two pairs of complementary colors
4 colors
Main
#FFFFFF
Secondary
#FFFFFF
Complementary
#FFFFFF
Complementary Secondary
#FFFFFF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FFFFFF
Split Left
#FFFFFF
Split Right
#FFFFFF
Cyclic
Circular gradient for periodic data
8 colors
0°
#FFFFFF
45°
#FFFFFF
90°
#FFFFFF
135°
#FFFFFF
180°
#FFFFFF
225°
#FFFFFF
270°
#FFFFFF
315°
#FFFFFF
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#ABABAB
Pastel 1
#B6B6B6
Pastel 2
#C1C1C1
Pastel 3
#CDCDCD
Pastel 4
#D8D8D8
Deep Pastel
#E3E3E3
Black
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#6C6466
Light
#484344
Medium Light
#262424
Medium
#000000
Medium Dark
#040404
Dark
#090909
Darkest
#0D0D0D
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#000000
Left Dark
#393939
Left Medium
#737373
Left Light
#B2B2B2
Neutral
#F5F5F5
Right Light
#B2B2B2
Right Medium
#737373
Right Dark
#393939
Complementary End
#000000
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#777777
Medium
#000000
Dark
#000000
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#000000
Left Adjacent 1
#000000
Main
#000000
Right Adjacent 1
#000000
Right Adjacent 2
#000000
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#000000
Complementary
#000000
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#000000
Secondary
#000000
Tertiary
#000000
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#000000
Right 90°
#000000
Complementary
#000000
Left 90°
#000000
Tetradic
Two pairs of complementary colors
4 colors
Main
#000000
Secondary
#000000
Complementary
#000000
Complementary Secondary
#000000
Split Complementary
Complementary colors ±30°
3 colors
Main
#000000
Split Left
#000000
Split Right
#000000
Cyclic
Circular gradient for periodic data
8 colors
0°
#000000
45°
#000000
90°
#000000
135°
#000000
180°
#000000
225°
#000000
270°
#000000
315°
#000000
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#ABABAB
Pastel 1
#B6B6B6
Pastel 2
#C1C1C1
Pastel 3
#CDCDCD
Pastel 4
#D8D8D8
Deep Pastel
#E3E3E3
Light Gray
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#F2F2F2
Light
#E8E8E8
Medium Light
#DDDDDD
Medium
#D3D3D3
Medium Dark
#B0B0B0
Dark
#8E8E8E
Darkest
#6D6D6D
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#D3D3D3
Left Dark
#DBDBDB
Left Medium
#E4E4E4
Left Light
#ECECEC
Neutral
#F5F5F5
Right Light
#ECECEC
Right Medium
#E4E4E4
Right Dark
#DBDBDB
Complementary End
#D3D3D3
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#E9E9E9
Medium
#D3D3D3
Dark
#646464
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#D3D3D3
Left Adjacent 1
#D3D3D3
Main
#D3D3D3
Right Adjacent 1
#D3D3D3
Right Adjacent 2
#D3D3D3
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#D3D3D3
Complementary
#D3D3D3
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#D3D3D3
Secondary
#D3D3D3
Tertiary
#D3D3D3
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#D3D3D3
Right 90°
#D3D3D3
Complementary
#D3D3D3
Left 90°
#D3D3D3
Tetradic
Two pairs of complementary colors
4 colors
Main
#D3D3D3
Secondary
#D3D3D3
Complementary
#D3D3D3
Complementary Secondary
#D3D3D3
Split Complementary
Complementary colors ±30°
3 colors
Main
#D3D3D3
Split Left
#D3D3D3
Split Right
#D3D3D3
Cyclic
Circular gradient for periodic data
8 colors
0°
#D3D3D3
45°
#D3D3D3
90°
#D3D3D3
135°
#D3D3D3
180°
#D3D3D3
225°
#D3D3D3
270°
#D3D3D3
315°
#D3D3D3
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
Charcoal
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#91ADBF
Light
#718898
Medium Light
#536672
Medium
#36454F
Medium Dark
#28333A
Dark
#1B2126
Darkest
#0D1012
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#36454F
Left Dark
#626D75
Left Medium
#90989E
Left Light
#C2C6C9
Neutral
#F5F5F5
Right Light
#C9C4C1
Right Medium
#9F9590
Right Dark
#766961
Complementary End
#4F4036
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#959DA3
Medium
#36454F
Dark
#17262F
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#364F40
Left Adjacent 1
#364F4D
Main
#36454F
Right Adjacent 1
#36394F
Right Adjacent 2
#40364F
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#36454F
Complementary
#4F4036
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#36454F
Secondary
#4F3645
Tertiary
#454F36
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#36454F
Right 90°
#4C364F
Complementary
#4F4036
Left 90°
#394F36
Tetradic
Two pairs of complementary colors
4 colors
Main
#36454F
Secondary
#40364F
Complementary
#4F4036
Complementary Secondary
#454F36
Split Complementary
Complementary colors ±30°
3 colors
Main
#36454F
Split Left
#4F3639
Split Right
#4F4D36
Cyclic
Circular gradient for periodic data
8 colors
0°
#36454F
45°
#3A364F
90°
#4C364F
135°
#4F363F
180°
#4F4036
225°
#4B4F36
270°
#394F36
315°
#364F46
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#ABB4BA
Pastel 1
#B6BEC3
Pastel 2
#C1C8CD
Pastel 3
#CDD2D6
Pastel 4
#D8DCDF
Deep Pastel
#E3E6E8
Taupe
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#B8A08C
Light
#917D6D
Medium Light
#6B5C4E
Medium
#483C32
Medium Dark
#342C25
Dark
#221D19
Darkest
#0F0D0A
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#483C32
Left Dark
#70665E
Left Medium
#9B938D
Left Light
#C7C3C0
Neutral
#F5F5F5
Right Light
#C0C3C7
Right Medium
#8E949A
Right Dark
#5E6770
Complementary End
#323E48
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#9F9892
Medium
#483C32
Dark
#2A2017
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#48323E
Left Adjacent 1
#483233
Main
#483C32
Right Adjacent 1
#484732
Right Adjacent 2
#3E4832
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#483C32
Complementary
#323E48
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#483C32
Secondary
#32483C
Tertiary
#3C3248
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#483C32
Right 90°
#334832
Complementary
#323E48
Left 90°
#473248
Tetradic
Two pairs of complementary colors
4 colors
Main
#483C32
Secondary
#3E4832
Complementary
#323E48
Complementary Secondary
#3C3248
Split Complementary
Complementary colors ±30°
3 colors
Main
#483C32
Split Left
#324847
Split Right
#323348
Cyclic
Circular gradient for periodic data
8 colors
0°
#483C32
45°
#444832
90°
#334832
135°
#324842
180°
#323E48
225°
#373248
270°
#473248
315°
#483238
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
Beige
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#F9F9EB
Light
#F8F8E6
Medium Light
#F6F6E1
Medium
#F5F5DC
Medium Dark
#E8E5AB
Dark
#D9D67B
Darkest
#C8C746
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#F5F5DC
Left Dark
#F5F5E2
Left Medium
#F5F5E9
Left Light
#F5F5EF
Neutral
#F5F5F5
Right Light
#EFEFF5
Right Medium
#E9E8F5
Right Dark
#E2E2F5
Complementary End
#DCDCF5
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FAFAED
Medium
#F5F5DC
Dark
#73735E
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#F5DCDC
Left Adjacent 1
#F5E9DC
Main
#F5F5DC
Right Adjacent 1
#E9F5DC
Right Adjacent 2
#DCF5DC
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#F5F5DC
Complementary
#DCDCF5
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#F5F5DC
Secondary
#DCF5F5
Tertiary
#F5DCF5
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#F5F5DC
Right 90°
#DCF5E9
Complementary
#DCDCF5
Left 90°
#F5DCE9
Tetradic
Two pairs of complementary colors
4 colors
Main
#F5F5DC
Secondary
#DCF5DC
Complementary
#DCDCF5
Complementary Secondary
#F5DCF5
Split Complementary
Complementary colors ±30°
3 colors
Main
#F5F5DC
Split Left
#DCE9F5
Split Right
#E9DCF5
Cyclic
Circular gradient for periodic data
8 colors
0°
#F5F5DC
45°
#E2F5DC
90°
#DCF5E9
135°
#DCEFF5
180°
#DCDCF5
225°
#EFDCF5
270°
#F5DCE9
315°
#F5E2DC
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#BFBFA6
Pastel 1
#C8C8B2
Pastel 2
#D0D0BE
Pastel 3
#D9D9C9
Pastel 4
#E1E1D5
Deep Pastel
#EAEAE1
Ivory
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFFFE5
Light
#FFFFE9
Medium Light
#FFFFED
Medium
#FFFFF0
Medium Dark
#FFFFB9
Dark
#FFFE80
Darkest
#FFFF34
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FFFFF0
Left Dark
#FDFCF1
Left Medium
#FAFAF3
Left Light
#F8F7F4
Neutral
#F5F5F5
Right Light
#F4F4F8
Right Medium
#F3F2FA
Right Dark
#F1F1FD
Complementary End
#F0F0FF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFFFF8
Medium
#FFFFF0
Dark
#77776A
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FFF0F0
Left Adjacent 1
#FFF8F0
Main
#FFFFF0
Right Adjacent 1
#F8FFF0
Right Adjacent 2
#F0FFF0
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FFFFF0
Complementary
#F0F0FF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FFFFF0
Secondary
#F0FFFF
Tertiary
#FFF0FF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FFFFF0
Right 90°
#F0FFF8
Complementary
#F0F0FF
Left 90°
#FFF0F8
Tetradic
Two pairs of complementary colors
4 colors
Main
#FFFFF0
Secondary
#F0FFF0
Complementary
#F0F0FF
Complementary Secondary
#FFF0FF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FFFFF0
Split Left
#F0F8FF
Split Right
#F8F0FF
Cyclic
Circular gradient for periodic data
8 colors
0°
#FFFFF0
45°
#F4FFF0
90°
#F0FFF8
135°
#F0FBFF
180°
#F0F0FF
225°
#FBF0FF
270°
#FFF0F8
315°
#FFF4F0
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C9C99C
Pastel 1
#D1D1A9
Pastel 2
#D8D8B6
Pastel 3
#DFDFC3
Pastel 4
#E6E6D1
Deep Pastel
#EDEDDE
Off White
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#F6F4EF
Light
#F7F6F1
Medium Light
#F9F7F4
Medium
#FAF9F6
Medium Dark
#E1DBCB
Dark
#C9BEA2
Darkest
#B0A279
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FAF9F6
Left Dark
#F9F8F6
Left Medium
#F8F7F6
Left Light
#F6F6F5
Neutral
#F5F5F5
Right Light
#F5F5F6
Right Medium
#F6F6F7
Right Dark
#F6F6F9
Complementary End
#F6F7FA
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FDFCFA
Medium
#FAF9F6
Dark
#757472
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FAF6F7
Left Adjacent 1
#FAF7F6
Main
#FAF9F6
Right Adjacent 1
#F9FAF6
Right Adjacent 2
#F7FAF6
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FAF9F6
Complementary
#F6F7FA
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FAF9F6
Secondary
#F6FAF9
Tertiary
#F9F6FA
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FAF9F6
Right 90°
#F6FAF7
Complementary
#F6F7FA
Left 90°
#FAF6F9
Tetradic
Two pairs of complementary colors
4 colors
Main
#FAF9F6
Secondary
#F7FAF6
Complementary
#F6F7FA
Complementary Secondary
#F9F6FA
Split Complementary
Complementary colors ±30°
3 colors
Main
#FAF9F6
Split Left
#F6F9FA
Split Right
#F7F6FA
Cyclic
Circular gradient for periodic data
8 colors
0°
#FAF9F6
45°
#F8FAF6
90°
#F6FAF7
135°
#F6FAFA
180°
#F6F7FA
225°
#F8F6FA
270°
#FAF6F9
315°
#FAF6F6
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#BAB6AB
Pastel 1
#C3C0B6
Pastel 2
#CDCAC1
Pastel 3
#D6D3CD
Pastel 4
#DFDDD8
Deep Pastel
#E8E7E3
Warm Gray
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#DBD2D4
Light
#B5AFB1
Medium Light
#918E8F
Medium
#6E6E6E
Medium Dark
#4C4C4C
Dark
#2C2C2C
Darkest
#0D0D0D
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#6E6E6E
Left Dark
#8E8E8E
Left Medium
#AFAFAF
Left Light
#D1D1D1
Neutral
#F5F5F5
Right Light
#D1D1D1
Right Medium
#AFAFAF
Right Dark
#8E8E8E
Complementary End
#6E6E6E
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#B4B4B4
Medium
#6E6E6E
Dark
#373737
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#6E6E6E
Left Adjacent 1
#6E6E6E
Main
#6E6E6E
Right Adjacent 1
#6E6E6E
Right Adjacent 2
#6E6E6E
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#6E6E6E
Complementary
#6E6E6E
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#6E6E6E
Secondary
#6E6E6E
Tertiary
#6E6E6E
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#6E6E6E
Right 90°
#6E6E6E
Complementary
#6E6E6E
Left 90°
#6E6E6E
Tetradic
Two pairs of complementary colors
4 colors
Main
#6E6E6E
Secondary
#6E6E6E
Complementary
#6E6E6E
Complementary Secondary
#6E6E6E
Split Complementary
Complementary colors ±30°
3 colors
Main
#6E6E6E
Split Left
#6E6E6E
Split Right
#6E6E6E
Cyclic
Circular gradient for periodic data
8 colors
0°
#6E6E6E
45°
#6E6E6E
90°
#6E6E6E
135°
#6E6E6E
180°
#6E6E6E
225°
#6E6E6E
270°
#6E6E6E
315°
#6E6E6E
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#ABABAB
Pastel 1
#B6B6B6
Pastel 2
#C1C1C1
Pastel 3
#CDCDCD
Pastel 4
#D8D8D8
Deep Pastel
#E3E3E3
Cool Gray
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#EEF1FB
Light
#CDD0E0
Medium Light
#ACB1C6
Medium
#8C92AC
Medium Dark
#6B7084
Dark
#4C4F5D
Darkest
#2F313A
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#8C92AC
Left Dark
#A6AABE
Left Medium
#C0C2D0
Left Light
#DADBE2
Neutral
#F5F5F5
Right Light
#E3E1DA
Right Medium
#D0CDBF
Right Dark
#BEB9A5
Complementary End
#ACA68C
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#C4C7D5
Medium
#8C92AC
Dark
#41475E
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#8CACA6
Left Adjacent 1
#8CA2AC
Main
#8C92AC
Right Adjacent 1
#968CAC
Right Adjacent 2
#A68CAC
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#8C92AC
Complementary
#ACA68C
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#8C92AC
Secondary
#AC8C92
Tertiary
#92AC8C
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#8C92AC
Right 90°
#AC8CA2
Complementary
#ACA68C
Left 90°
#8CAC96
Tetradic
Two pairs of complementary colors
4 colors
Main
#8C92AC
Secondary
#A68CAC
Complementary
#ACA68C
Complementary Secondary
#92AC8C
Split Complementary
Complementary colors ±30°
3 colors
Main
#8C92AC
Split Left
#AC968C
Split Right
#A2AC8C
Cyclic
Circular gradient for periodic data
8 colors
0°
#8C92AC
45°
#9E8CAC
90°
#AC8CA2
135°
#AC8E8C
180°
#ACA68C
225°
#9AAC8C
270°
#8CAC96
315°
#8CAAAC
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#ABAEBA
Pastel 1
#B6B9C3
Pastel 2
#C1C3CD
Pastel 3
#CDCED6
Pastel 4
#D8D9DF
Deep Pastel
#E3E4E8
Ash Gray
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#E9EDEA
Light
#D7DDD8
Medium Light
#C4CDC6
Medium
#B2BEB5
Medium Dark
#909A92
Dark
#6F7871
Darkest
#4F5851
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#B2BEB5
Left Dark
#C2CCC5
Left Medium
#D3D9D5
Left Light
#E4E7E5
Neutral
#F5F5F5
Right Light
#E7E4E6
Right Medium
#D9D3D8
Right Dark
#CCC2C9
Complementary End
#BEB2BB
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#D8DED9
Medium
#B2BEB5
Dark
#515C54
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#BBBEB2
Left Adjacent 1
#B5BEB2
Main
#B2BEB5
Right Adjacent 1
#B2BEBB
Right Adjacent 2
#B2BBBE
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#B2BEB5
Complementary
#BEB2BB
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#B2BEB5
Secondary
#B5B2BE
Tertiary
#BEB5B2
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#B2BEB5
Right 90°
#B2B5BE
Complementary
#BEB2BB
Left 90°
#BEBBB2
Tetradic
Two pairs of complementary colors
4 colors
Main
#B2BEB5
Secondary
#B2BBBE
Complementary
#BEB2BB
Complementary Secondary
#BEB5B2
Split Complementary
Complementary colors ±30°
3 colors
Main
#B2BEB5
Split Left
#BBB2BE
Split Right
#BEB2B5
Cyclic
Circular gradient for periodic data
8 colors
0°
#B2BEB5
45°
#B2BEBE
90°
#B2B5BE
135°
#B8B2BE
180°
#BEB2BB
225°
#BEB2B2
270°
#BEBBB2
315°
#B8BEB2
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#ABBAAF
Pastel 1
#B6C3B9
Pastel 2
#C1CDC4
Pastel 3
#CDD6CF
Pastel 4
#D8DFDA
Deep Pastel
#E3E8E4
Slate Gray
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#DEE7F0
Light
#B8C3CF
Medium Light
#93A1AF
Medium
#708090
Medium Dark
#515B65
Dark
#34393D
Darkest
#1A1A1A
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#708090
Left Dark
#909CA8
Left Medium
#B1B9C1
Left Light
#D2D6DB
Neutral
#F5F5F5
Right Light
#DBD6D2
Right Medium
#C2B9B0
Right Dark
#A99C8F
Complementary End
#908070
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#B6BDC6
Medium
#708090
Dark
#31404E
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#709080
Left Adjacent 1
#709090
Main
#708090
Right Adjacent 1
#707090
Right Adjacent 2
#807090
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#708090
Complementary
#908070
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#708090
Secondary
#907080
Tertiary
#809070
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#708090
Right 90°
#907090
Complementary
#908070
Left 90°
#709070
Tetradic
Two pairs of complementary colors
4 colors
Main
#708090
Secondary
#807090
Complementary
#908070
Complementary Secondary
#809070
Split Complementary
Complementary colors ±30°
3 colors
Main
#708090
Split Left
#907070
Split Right
#909070
Cyclic
Circular gradient for periodic data
8 colors
0°
#708090
45°
#787090
90°
#907090
135°
#907078
180°
#908070
225°
#889070
270°
#709070
315°
#709088
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#ABB3BA
Pastel 1
#B6BDC3
Pastel 2
#C1C7CD
Pastel 3
#CDD1D6
Pastel 4
#D8DBDF
Deep Pastel
#E3E5E8
Greige
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#F9F2E9
Light
#E3D9CE
Medium Light
#CDC1B4
Medium
#B7A99A
Medium Dark
#918579
Dark
#6D645A
Darkest
#4A443D
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#B7A99A
Left Dark
#C6BBB0
Left Medium
#D6CEC7
Left Light
#E5E2DE
Neutral
#F5F5F5
Right Light
#DEE1E5
Right Medium
#C7CED6
Right Dark
#B0BBC6
Complementary End
#9AA8B7
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#DBD3CB
Medium
#B7A99A
Dark
#5C5043
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#B79AA8
Left Adjacent 1
#B79B9A
Main
#B7A99A
Right Adjacent 1
#B6B79A
Right Adjacent 2
#A8B79A
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#B7A99A
Complementary
#9AA8B7
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#B7A99A
Secondary
#9AB7A9
Tertiary
#A99AB7
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#B7A99A
Right 90°
#9AB79B
Complementary
#9AA8B7
Left 90°
#B79AB6
Tetradic
Two pairs of complementary colors
4 colors
Main
#B7A99A
Secondary
#A8B79A
Complementary
#9AA8B7
Complementary Secondary
#A99AB7
Split Complementary
Complementary colors ±30°
3 colors
Main
#B7A99A
Split Left
#9AB6B7
Split Right
#9B9AB7
Cyclic
Circular gradient for periodic data
8 colors
0°
#B7A99A
45°
#AFB79A
90°
#9AB79B
135°
#9AB7B0
180°
#9AA8B7
225°
#A29AB7
270°
#B79AB6
315°
#B79AA1
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
Stone
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#F5F2EA
Light
#D3CFC7
Medium Light
#B2AEA5
Medium
#928E85
Medium Dark
#6C6963
Dark
#484644
Darkest
#262626
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#928E85
Left Dark
#AAA7A0
Left Medium
#C2C0BB
Left Light
#DBDAD8
Neutral
#F5F5F5
Right Light
#D8D9DB
Right Medium
#BCBEC2
Right Dark
#A0A3AA
Complementary End
#858992
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#C7C5C0
Medium
#928E85
Dark
#49453D
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#928589
Left Adjacent 1
#928885
Main
#928E85
Right Adjacent 1
#909285
Right Adjacent 2
#899285
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#928E85
Complementary
#858992
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#928E85
Secondary
#85928E
Tertiary
#8E8592
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#928E85
Right 90°
#859288
Complementary
#858992
Left 90°
#928590
Tetradic
Two pairs of complementary colors
4 colors
Main
#928E85
Secondary
#899285
Complementary
#858992
Complementary Secondary
#8E8592
Split Complementary
Complementary colors ±30°
3 colors
Main
#928E85
Split Left
#859092
Split Right
#888592
Cyclic
Circular gradient for periodic data
8 colors
0°
#928E85
45°
#8C9285
90°
#859288
135°
#859291
180°
#858992
225°
#8B8592
270°
#928590
315°
#928586
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#BAB5AB
Pastel 1
#C3BFB6
Pastel 2
#CDC9C1
Pastel 3
#D6D3CD
Pastel 4
#DFDDD8
Deep Pastel
#E8E6E3
Sand
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#F9F5E7
Light
#E7DEC4
Medium Light
#D5C8A1
Medium
#C2B280
Medium Dark
#9A8C62
Dark
#736846
Darkest
#4F462C
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#C2B280
Left Dark
#D0C29C
Left Medium
#DDD3B9
Left Light
#E9E4D7
Neutral
#F5F5F5
Right Light
#D8DBE8
Right Medium
#BBC1DC
Right Dark
#9EA8CF
Complementary End
#8090C2
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#E1D8BE
Medium
#C2B280
Dark
#615528
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#C28090
Left Adjacent 1
#C29180
Main
#C2B280
Right Adjacent 1
#B1C280
Right Adjacent 2
#90C280
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#C2B280
Complementary
#8090C2
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#C2B280
Secondary
#80C2B2
Tertiary
#B280C2
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#C2B280
Right 90°
#80C291
Complementary
#8090C2
Left 90°
#C280B1
Tetradic
Two pairs of complementary colors
4 colors
Main
#C2B280
Secondary
#90C280
Complementary
#8090C2
Complementary Secondary
#B280C2
Split Complementary
Complementary colors ±30°
3 colors
Main
#C2B280
Split Left
#80B1C2
Split Right
#9180C2
Cyclic
Circular gradient for periodic data
8 colors
0°
#C2B280
45°
#A1C280
90°
#80C291
135°
#80C2C2
180°
#8090C2
225°
#A280C2
270°
#C280B1
315°
#C28080
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#BBB7AA
Pastel 1
#C4C0B6
Pastel 2
#CDCAC1
Pastel 3
#D6D4CC
Pastel 4
#DFDDD8
Deep Pastel
#E8E7E3
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
Taupe Gray
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#F4ECF1
Light
#D0C8CD
Medium Light
#ADA6AA
Medium
#8B8589
Medium Dark
#656264
Dark
#424041
Darkest
#222222
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#8B8589
Left Dark
#A4A0A3
Left Medium
#BFBBBE
Left Light
#DAD8D9
Neutral
#F5F5F5
Right Light
#D8D9D8
Right Medium
#BBBFBC
Right Dark
#A0A4A1
Complementary End
#858B87
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#C3C0C2
Medium
#8B8589
Dark
#464144
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#87858B
Left Adjacent 1
#8A858B
Main
#8B8589
Right Adjacent 1
#8B8586
Right Adjacent 2
#8B8785
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#8B8589
Complementary
#858B87
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#8B8589
Secondary
#898B85
Tertiary
#85898B
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#8B8589
Right 90°
#8B8A85
Complementary
#858B87
Left 90°
#85868B
Tetradic
Two pairs of complementary colors
4 colors
Main
#8B8589
Secondary
#8B8785
Complementary
#858B87
Complementary Secondary
#85898B
Split Complementary
Complementary colors ±30°
3 colors
Main
#8B8589
Split Left
#868B85
Split Right
#858B8A
Cyclic
Circular gradient for periodic data
8 colors
0°
#8B8589
45°
#8B8685
90°
#8B8A85
135°
#888B85
180°
#858B87
225°
#858B8B
270°
#85868B
315°
#89858B
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#BAABB5
Pastel 1
#C3B6BF
Pastel 2
#CDC1C9
Pastel 3
#D6CDD3
Pastel 4
#DFD8DC
Deep Pastel
#E8E3E6
Mushroom
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FAF1E9
Light
#E5D9CE
Medium Light
#D1C2B4
Medium
#BDAB9B
Medium Dark
#97887A
Dark
#73665A
Darkest
#51463D
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#BDAB9B
Left Dark
#CBBDB1
Left Medium
#D9CFC7
Left Light
#E7E2DE
Neutral
#F5F5F5
Right Light
#DEE3E7
Right Medium
#C8D0D9
Right Dark
#B1BFCB
Complementary End
#9BADBD
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#DED4CC
Medium
#BDAB9B
Dark
#605143
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#BD9BAD
Left Adjacent 1
#BD9B9C
Main
#BDAB9B
Right Adjacent 1
#BDBC9B
Right Adjacent 2
#ADBD9B
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#BDAB9B
Complementary
#9BADBD
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#BDAB9B
Secondary
#9BBDAB
Tertiary
#AB9BBD
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#BDAB9B
Right 90°
#9CBD9B
Complementary
#9BADBD
Left 90°
#BC9BBD
Tetradic
Two pairs of complementary colors
4 colors
Main
#BDAB9B
Secondary
#ADBD9B
Complementary
#9BADBD
Complementary Secondary
#AB9BBD
Split Complementary
Complementary colors ±30°
3 colors
Main
#BDAB9B
Split Left
#9BBDBC
Split Right
#9B9CBD
Cyclic
Circular gradient for periodic data
8 colors
0°
#BDAB9B
45°
#B6BD9B
90°
#9CBD9B
135°
#9BBDB4
180°
#9BADBD
225°
#A39BBD
270°
#BC9BBD
315°
#BD9BA5
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#BAB2AB
Pastel 1
#C3BCB6
Pastel 2
#CDC7C1
Pastel 3
#D6D1CD
Pastel 4
#DFDBD8
Deep Pastel
#E8E5E3
Driftwood
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#F3E4D9
Light
#DAC0AD
Medium Light
#C09D83
Medium
#A67B5B
Medium Dark
#755843
Dark
#48382C
Darkest
#1F1A17
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#A67B5B
Left Dark
#BB987F
Left Medium
#CFB6A5
Left Light
#E3D5CC
Neutral
#F5F5F5
Right Light
#CFD8E1
Right Medium
#A9BCCD
Right Dark
#83A1B9
Complementary End
#5B86A6
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#D4BBAA
Medium
#A67B5B
Dark
#5C391C
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#A65B86
Left Adjacent 1
#A65B60
Main
#A67B5B
Right Adjacent 1
#A6A15B
Right Adjacent 2
#86A65B
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#A67B5B
Complementary
#5B86A6
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#A67B5B
Secondary
#5BA67B
Tertiary
#7B5BA6
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#A67B5B
Right 90°
#61A65B
Complementary
#5B86A6
Left 90°
#A15BA6
Tetradic
Two pairs of complementary colors
4 colors
Main
#A67B5B
Secondary
#86A65B
Complementary
#5B86A6
Complementary Secondary
#7B5BA6
Split Complementary
Complementary colors ±30°
3 colors
Main
#A67B5B
Split Left
#5BA6A1
Split Right
#5B61A6
Cyclic
Circular gradient for periodic data
8 colors
0°
#A67B5B
45°
#99A65B
90°
#61A65B
135°
#5BA68E
180°
#5B86A6
225°
#685BA6
270°
#A15BA6
315°
#A65B73
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#BAB1AB
Pastel 1
#C3BCB6
Pastel 2
#CDC6C1
Pastel 3
#D6D0CD
Pastel 4
#DFDBD8
Deep Pastel
#E8E5E3
Pebble
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FAF0F2
Light
#DAD4D5
Medium Light
#BBB8B9
Medium
#9D9D9D
Medium Dark
#797979
Dark
#575757
Darkest
#373737
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#9D9D9D
Left Dark
#B2B2B2
Left Medium
#C8C8C8
Left Light
#DEDEDE
Neutral
#F5F5F5
Right Light
#DEDEDE
Right Medium
#C8C8C8
Right Dark
#B2B2B2
Complementary End
#9D9D9D
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#CDCDCD
Medium
#9D9D9D
Dark
#4C4C4C
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#9D9D9D
Left Adjacent 1
#9D9D9D
Main
#9D9D9D
Right Adjacent 1
#9D9D9D
Right Adjacent 2
#9D9D9D
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#9D9D9D
Complementary
#9D9D9D
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#9D9D9D
Secondary
#9D9D9D
Tertiary
#9D9D9D
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#9D9D9D
Right 90°
#9D9D9D
Complementary
#9D9D9D
Left 90°
#9D9D9D
Tetradic
Two pairs of complementary colors
4 colors
Main
#9D9D9D
Secondary
#9D9D9D
Complementary
#9D9D9D
Complementary Secondary
#9D9D9D
Split Complementary
Complementary colors ±30°
3 colors
Main
#9D9D9D
Split Left
#9D9D9D
Split Right
#9D9D9D
Cyclic
Circular gradient for periodic data
8 colors
0°
#9D9D9D
45°
#9D9D9D
90°
#9D9D9D
135°
#9D9D9D
180°
#9D9D9D
225°
#9D9D9D
270°
#9D9D9D
315°
#9D9D9D
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
Cloud Gray
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#E8E8E8
Light
#D7D7D6
Medium Light
#C7C7C5
Medium
#B6B6B4
Medium Dark
#929291
Dark
#707070
Darkest
#505050
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#B6B6B4
Left Dark
#C5C5C4
Left Medium
#D5D5D4
Left Light
#E5E5E4
Neutral
#F5F5F5
Right Light
#E4E4E5
Right Medium
#D4D4D5
Right Dark
#C4C4C5
Complementary End
#B4B4B6
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#DADAD9
Medium
#B6B6B4
Dark
#575755
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#B6B4B4
Left Adjacent 1
#B6B5B4
Main
#B6B6B4
Right Adjacent 1
#B5B6B4
Right Adjacent 2
#B4B6B4
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#B6B6B4
Complementary
#B4B4B6
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#B6B6B4
Secondary
#B4B6B6
Tertiary
#B6B4B6
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#B6B6B4
Right 90°
#B4B6B5
Complementary
#B4B4B6
Left 90°
#B6B4B5
Tetradic
Two pairs of complementary colors
4 colors
Main
#B6B6B4
Secondary
#B4B6B4
Complementary
#B4B4B6
Complementary Secondary
#B6B4B6
Split Complementary
Complementary colors ±30°
3 colors
Main
#B6B6B4
Split Left
#B4B5B6
Split Right
#B5B4B6
Cyclic
Circular gradient for periodic data
8 colors
0°
#B6B6B4
45°
#B5B6B4
90°
#B4B6B5
135°
#B4B6B6
180°
#B4B4B6
225°
#B6B4B6
270°
#B6B4B5
315°
#B6B5B4
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#BABAAB
Pastel 1
#C3C3B6
Pastel 2
#CDCDC1
Pastel 3
#D6D6CD
Pastel 4
#DFDFD8
Deep Pastel
#E8E8E3
Fog
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#F2F2F2
Light
#EBEBEB
Medium Light
#E3E3E3
Medium
#DCDCDC
Medium Dark
#B9B9B9
Dark
#979797
Darkest
#767676
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#DCDCDC
Left Dark
#E2E2E2
Left Medium
#E8E8E8
Left Light
#EFEFEF
Neutral
#F5F5F5
Right Light
#EFEFEF
Right Medium
#E8E8E8
Right Dark
#E2E2E2
Complementary End
#DCDCDC
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#EDEDED
Medium
#DCDCDC
Dark
#686868
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#DCDCDC
Left Adjacent 1
#DCDCDC
Main
#DCDCDC
Right Adjacent 1
#DCDCDC
Right Adjacent 2
#DCDCDC
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#DCDCDC
Complementary
#DCDCDC
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#DCDCDC
Secondary
#DCDCDC
Tertiary
#DCDCDC
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#DCDCDC
Right 90°
#DCDCDC
Complementary
#DCDCDC
Left 90°
#DCDCDC
Tetradic
Two pairs of complementary colors
4 colors
Main
#DCDCDC
Secondary
#DCDCDC
Complementary
#DCDCDC
Complementary Secondary
#DCDCDC
Split Complementary
Complementary colors ±30°
3 colors
Main
#DCDCDC
Split Left
#DCDCDC
Split Right
#DCDCDC
Cyclic
Circular gradient for periodic data
8 colors
0°
#DCDCDC
45°
#DCDCDC
90°
#DCDCDC
135°
#DCDCDC
180°
#DCDCDC
225°
#DCDCDC
270°
#DCDCDC
315°
#DCDCDC
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
Cement
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#E9E0E2
Light
#C3BDBF
Medium Light
#9F9C9D
Medium
#7C7C7C
Medium Dark
#575757
Dark
#353535
Darkest
#161616
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#7C7C7C
Left Dark
#999999
Left Medium
#B7B7B7
Left Light
#D5D5D5
Neutral
#F5F5F5
Right Light
#D5D5D5
Right Medium
#B7B7B7
Right Dark
#999999
Complementary End
#7C7C7C
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#BBBBBB
Medium
#7C7C7C
Dark
#3E3E3E
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#7C7C7C
Left Adjacent 1
#7C7C7C
Main
#7C7C7C
Right Adjacent 1
#7C7C7C
Right Adjacent 2
#7C7C7C
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#7C7C7C
Complementary
#7C7C7C
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#7C7C7C
Secondary
#7C7C7C
Tertiary
#7C7C7C
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#7C7C7C
Right 90°
#7C7C7C
Complementary
#7C7C7C
Left 90°
#7C7C7C
Tetradic
Two pairs of complementary colors
4 colors
Main
#7C7C7C
Secondary
#7C7C7C
Complementary
#7C7C7C
Complementary Secondary
#7C7C7C
Split Complementary
Complementary colors ±30°
3 colors
Main
#7C7C7C
Split Left
#7C7C7C
Split Right
#7C7C7C
Cyclic
Circular gradient for periodic data
8 colors
0°
#7C7C7C
45°
#7C7C7C
90°
#7C7C7C
135°
#7C7C7C
180°
#7C7C7C
225°
#7C7C7C
270°
#7C7C7C
315°
#7C7C7C
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
Putty
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#EFE7DD
Light
#E4D6C6
Medium Light
#D8C6AF
Medium
#CDB699
Medium Dark
#A99377
Dark
#867157
Darkest
#655138
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#CDB699
Left Dark
#D8C5AF
Left Medium
#E2D5C6
Left Light
#ECE5DD
Neutral
#F5F5F5
Right Light
#DEE3EB
Right Medium
#C7D2E1
Right Dark
#B0C1D7
Complementary End
#99B0CD
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#E7DACB
Medium
#CDB699
Dark
#68563C
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#CD99B0
Left Adjacent 1
#CD9C99
Main
#CDB699
Right Adjacent 1
#CACD99
Right Adjacent 2
#B0CD99
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#CDB699
Complementary
#99B0CD
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#CDB699
Secondary
#99CDB6
Tertiary
#B699CD
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#CDB699
Right 90°
#99CD9C
Complementary
#99B0CD
Left 90°
#CD99CA
Tetradic
Two pairs of complementary colors
4 colors
Main
#CDB699
Secondary
#B0CD99
Complementary
#99B0CD
Complementary Secondary
#B699CD
Split Complementary
Complementary colors ±30°
3 colors
Main
#CDB699
Split Left
#99CACD
Split Right
#9C99CD
Cyclic
Circular gradient for periodic data
8 colors
0°
#CDB699
45°
#BDCD99
90°
#99CD9C
135°
#99CDC3
180°
#99B0CD
225°
#A999CD
270°
#CD99CA
315°
#CD99A3
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#BAB3AB
Pastel 1
#C4BDB6
Pastel 2
#CDC8C1
Pastel 3
#D6D2CC
Pastel 4
#DFDCD8
Deep Pastel
#E8E6E3
Oatmeal
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#F8F4EC
Light
#F0E6D4
Medium Light
#E7D7BB
Medium
#DDC9A3
Medium Dark
#BEA77D
Dark
#A0865A
Darkest
#826737
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#DDC9A3
Left Dark
#E4D4B7
Left Medium
#EADFCC
Left Light
#F0EAE0
Neutral
#F5F5F5
Right Light
#E1E5EF
Right Medium
#CCD6E9
Right Dark
#B8C6E3
Complementary End
#A3B7DD
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#EFE4D0
Medium
#DDC9A3
Dark
#6E5F3D
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#DDA3B7
Left Adjacent 1
#DDACA3
Main
#DDC9A3
Right Adjacent 1
#D4DDA3
Right Adjacent 2
#B7DDA3
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#DDC9A3
Complementary
#A3B7DD
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#DDC9A3
Secondary
#A3DDC9
Tertiary
#C9A3DD
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#DDC9A3
Right 90°
#A3DDAC
Complementary
#A3B7DD
Left 90°
#DDA3D4
Tetradic
Two pairs of complementary colors
4 colors
Main
#DDC9A3
Secondary
#B7DDA3
Complementary
#A3B7DD
Complementary Secondary
#C9A3DD
Split Complementary
Complementary colors ±30°
3 colors
Main
#DDC9A3
Split Left
#A3D4DD
Split Right
#ACA3DD
Cyclic
Circular gradient for periodic data
8 colors
0°
#DDC9A3
45°
#C6DDA3
90°
#A3DDAC
135°
#A3DDD8
180°
#A3B7DD
225°
#BBA3DD
270°
#DDA3D4
315°
#DDA3A8
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#BDB6A8
Pastel 1
#C6C0B4
Pastel 2
#CFC9BF
Pastel 3
#D7D3CB
Pastel 4
#E0DDD6
Deep Pastel
#E9E7E2
Linen
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
Cement Gray
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#E8EEE8
Light
#C5CBC5
Medium Light
#A4A9A4
Medium
#848884
Medium Dark
#606360
Dark
#3F403F
Darkest
#202020
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#848884
Left Dark
#9FA29F
Left Medium
#BBBDBB
Left Light
#D8D9D8
Neutral
#F5F5F5
Right Light
#D9D8D9
Right Medium
#BDBBBD
Right Dark
#A29FA2
Complementary End
#888488
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#C0C2C0
Medium
#848884
Dark
#404340
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#888884
Left Adjacent 1
#868884
Main
#848884
Right Adjacent 1
#848886
Right Adjacent 2
#848888
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#848884
Complementary
#888488
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#848884
Secondary
#848488
Tertiary
#888484
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#848884
Right 90°
#848688
Complementary
#888488
Left 90°
#888684
Tetradic
Two pairs of complementary colors
4 colors
Main
#848884
Secondary
#848888
Complementary
#888488
Complementary Secondary
#888484
Split Complementary
Complementary colors ±30°
3 colors
Main
#848884
Split Left
#868488
Split Right
#888486
Cyclic
Circular gradient for periodic data
8 colors
0°
#848884
45°
#848887
90°
#848688
135°
#858488
180°
#888488
225°
#888485
270°
#888684
315°
#878884
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
Graphite
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#A59C9E
Light
#7E797A
Medium Light
#5A5758
Medium
#383838
Medium Dark
#2A2A2A
Dark
#1C1C1C
Darkest
#0D0D0D
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#383838
Left Dark
#636363
Left Medium
#919191
Left Light
#C2C2C2
Neutral
#F5F5F5
Right Light
#C2C2C2
Right Medium
#919191
Right Dark
#636363
Complementary End
#383838
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#959595
Medium
#383838
Dark
#1F1F1F
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#383838
Left Adjacent 1
#383838
Main
#383838
Right Adjacent 1
#383838
Right Adjacent 2
#383838
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#383838
Complementary
#383838
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#383838
Secondary
#383838
Tertiary
#383838
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#383838
Right 90°
#383838
Complementary
#383838
Left 90°
#383838
Tetradic
Two pairs of complementary colors
4 colors
Main
#383838
Secondary
#383838
Complementary
#383838
Complementary Secondary
#383838
Split Complementary
Complementary colors ±30°
3 colors
Main
#383838
Split Left
#383838
Split Right
#383838
Cyclic
Circular gradient for periodic data
8 colors
0°
#383838
45°
#383838
90°
#383838
135°
#383838
180°
#383838
225°
#383838
270°
#383838
315°
#383838
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
Concrete
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#F7EEF0
Light
#D2CBCD
Medium Light
#ADAAAB
Medium
#8A8A8A
Medium Dark
#666666
Dark
#434343
Darkest
#242424
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#8A8A8A
Left Dark
#A4A4A4
Left Medium
#BEBEBE
Left Light
#D9D9D9
Neutral
#F5F5F5
Right Light
#D9D9D9
Right Medium
#BEBEBE
Right Dark
#A4A4A4
Complementary End
#8A8A8A
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#C3C3C3
Medium
#8A8A8A
Dark
#444444
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#8A8A8A
Left Adjacent 1
#8A8A8A
Main
#8A8A8A
Right Adjacent 1
#8A8A8A
Right Adjacent 2
#8A8A8A
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#8A8A8A
Complementary
#8A8A8A
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#8A8A8A
Secondary
#8A8A8A
Tertiary
#8A8A8A
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#8A8A8A
Right 90°
#8A8A8A
Complementary
#8A8A8A
Left 90°
#8A8A8A
Tetradic
Two pairs of complementary colors
4 colors
Main
#8A8A8A
Secondary
#8A8A8A
Complementary
#8A8A8A
Complementary Secondary
#8A8A8A
Split Complementary
Complementary colors ±30°
3 colors
Main
#8A8A8A
Split Left
#8A8A8A
Split Right
#8A8A8A
Cyclic
Circular gradient for periodic data
8 colors
0°
#8A8A8A
45°
#8A8A8A
90°
#8A8A8A
135°
#8A8A8A
180°
#8A8A8A
225°
#8A8A8A
270°
#8A8A8A
315°
#8A8A8A
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
Silver Sand
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#F2F2F3
Light
#E1E2E2
Medium Light
#D0D1D2
Medium
#BFC1C2
Medium Dark
#9C9D9E
Dark
#7B7B7C
Darkest
#5B5B5B
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#BFC1C2
Left Dark
#CCCECF
Left Medium
#DADBDB
Left Light
#E7E8E8
Neutral
#F5F5F5
Right Light
#E8E8E7
Right Medium
#DBDADA
Right Dark
#CFCDCC
Complementary End
#C2C0BF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#DFE0E0
Medium
#BFC1C2
Dark
#5A5C5D
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#BFC2C0
Left Adjacent 1
#BFC2C2
Main
#BFC1C2
Right Adjacent 1
#BFC0C2
Right Adjacent 2
#C0BFC2
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#BFC1C2
Complementary
#C2C0BF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#BFC1C2
Secondary
#C2BFC1
Tertiary
#C1C2BF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#BFC1C2
Right 90°
#C2BFC2
Complementary
#C2C0BF
Left 90°
#C0C2BF
Tetradic
Two pairs of complementary colors
4 colors
Main
#BFC1C2
Secondary
#C0BFC2
Complementary
#C2C0BF
Complementary Secondary
#C1C2BF
Split Complementary
Complementary colors ±30°
3 colors
Main
#BFC1C2
Split Left
#C2BFC0
Split Right
#C2C2BF
Cyclic
Circular gradient for periodic data
8 colors
0°
#BFC1C2
45°
#BFBFC2
90°
#C2BFC2
135°
#C2BFC0
180°
#C2C0BF
225°
#C2C2BF
270°
#C0C2BF
315°
#BFC2C1
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#ABB5BA
Pastel 1
#B6BFC3
Pastel 2
#C1C9CD
Pastel 3
#CDD3D6
Pastel 4
#D8DCDF
Deep Pastel
#E3E6E8
Extract Neutral Color Palette from Image
Upload a photo to extract a neutral color palette with HEX and RGB codes.
click or drag your image here
Supported formats: JPG, PNG, WebP
Neutral Color Code Converter
Instantly convert between HEX, RGB, CMYK, and more.
All Formats:
- HEX:#ECB12E
- RGB:rgb(236, 177, 46)
- CMYK:cmyk(0%, 25%, 81%, 7%)
- HSV:hsv(41°, 81%, 93%)
- HSL:hsl(41°, 83%, 55%)