Appearance
19 Gray Color Palettes
Explore 19 expertly curated gray color palettes, featuring diverse thematic schemes including minimalist, industrial, luxury, and corporate designs. A comprehensive color inspiration library for UI design, branding, and development projects.
Curated Gray Color Palettes
Browse 19 handpicked gray color palettes for various themes and applications, from minimalist to industrial designs.
Minimalist Gray
Clean and simple gray scheme for modern minimalist designs and interfaces
Light Gray
#F5F5F5
Silver Gray
#E0E0E0
Medium Gray
#BDBDBD
Charcoal Gray
#757575
Dark Gray
#212121
Corporate Gray
Professional gray tones for corporate branding and business applications
Off White
#FAFAFA
Light Gray
#EEEEEE
Medium Gray
#9E9E9E
Graphite
#616161
Charcoal
#212121
Industrial Gray
Raw gray tones inspired by industrial materials, concrete and steel
Light Blue Gray
#CFD8DC
Blue Gray
#B0BEC5
Steel Gray
#78909C
Dark Blue Gray
#546E7A
Deep Blue Gray
#37474F
Luxury Gray
Sophisticated gray tones for luxury, elegance and premium branding
Platinum
#E5E4E2
Silver
#C0C0C0
Gunmetal
#2A3439
Ivory
#FFFFF0
Jet Black
#0A0A0A
Cloud Gray
Soft gray tones inspired by clouds, fog, and misty weather
Cloud White
#F8F9FA
Light Mist
#E9ECEF
Fog Gray
#DEE2E6
Storm Gray
#ADB5BD
Dark Cloud
#6C757D
Retro Gray
Vintage gray tones inspired by 50s and 60s industrial designs
Concrete Gray
#858585
Retro Blue
#5D8AA8
Mustard Yellow
#FFDB58
Cream
#FFFDD0
Dark Gray
#333333
Monochromatic Gray
Single hue variations from pure white to deep black
Pure White
#FFFFFF
Light Gray
#F5F5F5
Medium Gray
#9E9E9E
Dark Gray
#616161
Charcoal
#212121
Gray-Blue Professional
Professional combination of gray and blue for corporate and business designs
Graphite Gray
#9E9E9E
Corporate Blue
#2196F3
Light Blue
#BBDEFB
Light Gray
#F5F5F5
Charcoal
#212121
Gray-Green Modern
Modern combination of gray and green for fresh, contemporary designs
Slate Gray
#607D8B
Sage Green
#9DC183
Mint Green
#A6FFCB
White
#FFFFFF
Dark Green
#33691E
Gray-Red Bold
Bold combination of gray and red for powerful, attention-grabbing designs
Charcoal Gray
#424242
Crimson Red
#DC143C
Light Gray
#F5F5F5
White
#FFFFFF
Dark Red
#8B0000
Gray-Orange Warm
Warm combination of gray and orange for inviting, energetic designs
Cool Gray
#616161
Sunset Orange
#FF5722
Cream
#FFF3E0
White
#FFFFFF
Dark Orange
#E65100
Gray-Purple Mysterious
Mysterious combination of gray and purple for creative, imaginative designs
Dark Gray
#424242
Royal Purple
#4B0082
Lavender
#E6E6FA
Light Gray
#F5F5F5
Deep Purple
#2C003E
Gray-Yellow Fresh
Fresh combination of gray and yellow for bright, cheerful designs
Graphite Gray
#36454F
Sunshine Yellow
#FFD700
Light Yellow
#FFFACD
White
#FFFFFF
Dark Yellow
#FFCC00
Gray-Pink Soft
Soft combination of gray and pink for gentle, modern designs
Cool Gray
#757575
Blush Pink
#F5C9C9
Light Pink
#FFD1DC
White
#FFFFFF
Deep Pink
#E75480
Gray-Brown Earthy
Earthy combination of gray and brown for natural, grounded designs
Slate Gray
#708090
Warm Brown
#8B4513
Tan
#D2B48C
Cream
#FFFAF0
Dark Brown
#654321
Gray-Gold Luxury
Luxurious combination of gray and gold for premium, elegant designs
Charcoal Gray
#36454F
Gold
#FFD700
Light Gray
#D3D3D3
Ivory
#FFFFF0
Dark Gold
#B8860B
Gray-Cyan Modern
Modern combination of gray and cyan for tech, futuristic designs
Dark Gray
#2C3E50
Cyan
#00BCD4
Light Cyan
#E0F7FA
White
#FFFFFF
Deep Cyan
#008B8B
Gray-White Minimal
Ultra-minimalist gray and white palette for clean, crisp designs
Light Gray
#D3D3D3
Pure White
#FFFFFF
Off White
#F8F8FF
Silver
#C0C0C0
Charcoal
#36454F
Generate Gray Color Palettes
Explore curated and automatically generated color palettes featuring gray. See how it harmonizes with other colors for UI themes, graphics, and branding materials.
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#DAF1FF
Light
#ACD2F3
Medium Light
#7AB5E7
Medium
#3498DB
Medium Dark
#2B6F9F
Dark
#214967
Darkest
#142634
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#3498DB
Left Dark
#76AEE2
Left Medium
#A4C5E9
Left Light
#CEDDEF
Neutral
#F5F5F5
Right Light
#F5D5C3
Right Medium
#F1B593
Right Dark
#E89664
Complementary End
#DB7734
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#A9CAED
Medium
#3498DB
Dark
#004D89
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#34DB77
Left Adjacent 1
#34DBCB
Main
#3498DB
Right Adjacent 1
#3445DB
Right Adjacent 2
#7734DB
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#3498DB
Complementary
#DB7734
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#3498DB
Secondary
#DB3498
Tertiary
#98DB34
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#3498DB
Right 90°
#CB34DB
Complementary
#DB7734
Left 90°
#45DB34
Tetradic
Two pairs of complementary colors
4 colors
Main
#3498DB
Secondary
#7734DB
Complementary
#DB7734
Complementary Secondary
#98DB34
Split Complementary
Complementary colors ±30°
3 colors
Main
#3498DB
Split Left
#DB3444
Split Right
#DBCB34
Cyclic
Circular gradient for periodic data
8 colors
0°
#3498DB
45°
#4D34DB
90°
#CB34DB
135°
#DB346E
180°
#DB7734
225°
#C2DB34
270°
#45DB34
315°
#34DBA1
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#A2B6C3
Pastel 1
#AFBFCB
Pastel 2
#BBC9D3
Pastel 3
#C7D3DB
Pastel 4
#D4DDE3
Deep Pastel
#E0E7EB
Extract Gray Color Palette from Image
Upload a photo to extract a gray color palette with HEX and RGB codes.
click or drag your image here
Supported formats: JPG, PNG, WebP
Gray 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%)
Other Gray Color Palette
Light Gray Palette
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
Dark Gray Palette
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
Silver Palette
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#F2F2F2
Light
#E1E1E1
Medium Light
#D1D1D1
Medium
#C0C0C0
Medium Dark
#9D9D9D
Dark
#7A7A7A
Darkest
#5A5A5A
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#C0C0C0
Left Dark
#CDCDCD
Left Medium
#DADADA
Left Light
#E8E8E8
Neutral
#F5F5F5
Right Light
#E8E8E8
Right Medium
#DADADA
Right Dark
#CDCDCD
Complementary End
#C0C0C0
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#DFDFDF
Medium
#C0C0C0
Dark
#5B5B5B
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#C0C0C0
Left Adjacent 1
#C0C0C0
Main
#C0C0C0
Right Adjacent 1
#C0C0C0
Right Adjacent 2
#C0C0C0
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#C0C0C0
Complementary
#C0C0C0
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#C0C0C0
Secondary
#C0C0C0
Tertiary
#C0C0C0
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#C0C0C0
Right 90°
#C0C0C0
Complementary
#C0C0C0
Left 90°
#C0C0C0
Tetradic
Two pairs of complementary colors
4 colors
Main
#C0C0C0
Secondary
#C0C0C0
Complementary
#C0C0C0
Complementary Secondary
#C0C0C0
Split Complementary
Complementary colors ±30°
3 colors
Main
#C0C0C0
Split Left
#C0C0C0
Split Right
#C0C0C0
Cyclic
Circular gradient for periodic data
8 colors
0°
#C0C0C0
45°
#C0C0C0
90°
#C0C0C0
135°
#C0C0C0
180°
#C0C0C0
225°
#C0C0C0
270°
#C0C0C0
315°
#C0C0C0
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#ABABAB
Pastel 1
#B6B6B6
Pastel 2
#C1C1C1
Pastel 3
#CDCDCD
Pastel 4
#D8D8D8
Deep Pastel
#E3E3E3
Charcoal Palette
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
Slate Gray Palette
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
Gunmetal Gray Palette
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#849FAB
Light
#657A83
Medium Light
#47565C
Medium
#2C3539
Medium Dark
#22282B
Dark
#181B1D
Darkest
#0B0D0E
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#2C3539
Left Dark
#596063
Left Medium
#8A8F91
Left Light
#BEC1C2
Neutral
#F5F5F5
Right Light
#C2BFBE
Right Medium
#928C89
Right Dark
#645C59
Complementary End
#39302C
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#8E9396
Medium
#2C3539
Dark
#161E22
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#2C3930
Left Adjacent 1
#2C3937
Main
#2C3539
Right Adjacent 1
#2C2F39
Right Adjacent 2
#302C39
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#2C3539
Complementary
#39302C
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#2C3539
Secondary
#392C35
Tertiary
#35392C
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#2C3539
Right 90°
#372C39
Complementary
#39302C
Left 90°
#2F392C
Tetradic
Two pairs of complementary colors
4 colors
Main
#2C3539
Secondary
#302C39
Complementary
#39302C
Complementary Secondary
#35392C
Split Complementary
Complementary colors ±30°
3 colors
Main
#2C3539
Split Left
#392C2F
Split Right
#39372C
Cyclic
Circular gradient for periodic data
8 colors
0°
#2C3539
45°
#2D2C39
90°
#372C39
135°
#392C32
180°
#39302C
225°
#38392C
270°
#2F392C
315°
#2C3933
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#ABB5BA
Pastel 1
#B6BFC3
Pastel 2
#C1C9CD
Pastel 3
#CDD3D6
Pastel 4
#D8DDDF
Deep Pastel
#E3E6E8
Ash Gray Palette
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
Platinum Palette
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#F3F2F2
Light
#EEEEEC
Medium Light
#EAE9E7
Medium
#E5E4E2
Medium Dark
#C3C2BF
Dark
#A2A09D
Darkest
#82807D
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#E5E4E2
Left Dark
#E9E8E7
Left Medium
#EDECEB
Left Light
#F1F1F0
Neutral
#F5F5F5
Right Light
#F0F0F1
Right Medium
#EBECED
Right Dark
#E7E7E9
Complementary End
#E2E3E5
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#F2F1F0
Medium
#E5E4E2
Dark
#6C6B69
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#E5E2E3
Left Adjacent 1
#E5E3E2
Main
#E5E4E2
Right Adjacent 1
#E4E5E2
Right Adjacent 2
#E3E5E2
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#E5E4E2
Complementary
#E2E3E5
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#E5E4E2
Secondary
#E2E5E4
Tertiary
#E4E2E5
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#E5E4E2
Right 90°
#E2E5E3
Complementary
#E2E3E5
Left 90°
#E5E2E4
Tetradic
Two pairs of complementary colors
4 colors
Main
#E5E4E2
Secondary
#E3E5E2
Complementary
#E2E3E5
Complementary Secondary
#E4E2E5
Split Complementary
Complementary colors ±30°
3 colors
Main
#E5E4E2
Split Left
#E2E4E5
Split Right
#E3E2E5
Cyclic
Circular gradient for periodic data
8 colors
0°
#E5E4E2
45°
#E4E5E2
90°
#E2E5E3
135°
#E2E5E5
180°
#E2E3E5
225°
#E3E2E5
270°
#E5E2E4
315°
#E5E2E2
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#BAB5AB
Pastel 1
#C3BFB6
Pastel 2
#CDC9C1
Pastel 3
#D6D3CD
Pastel 4
#DFDCD8
Deep Pastel
#E8E6E3
Taupe Palette
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
Cool Gray Palette
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