Appearance
19 Beige Color Palettes
Explore 19 expertly curated beige color palettes, featuring diverse thematic schemes including neutral, minimalist, rustic, luxury, and corporate designs. A comprehensive color inspiration library for UI design, branding, and development projects.
Curated Beige Color Palettes
Browse 19 handpicked beige color palettes for various themes and applications, from minimalist to rustic designs.
Neutral Beige
Versatile beige tones for neutral, calming designs and backgrounds
Classic Beige
#F5F5DC
Pure White
#FFFFFF
Antique White
#FAEBD7
Bisque
#FFE4C4
Dark Taupe
#8B7355
Sand & Stone
Natural beige tones inspired by sand, stone, and desert landscapes
Desert Sand
#EDC9AF
Sandstone
#C2B280
Warm Sand
#F4E7D3
Light Sand
#FDF5E6
Stone Gray
#888C8D
Minimalist Beige
Clean and simple beige scheme for modern minimalist designs
Primary Beige
#F5F5DC
Pure White
#FFFFFF
Dark Gray
#212121
Medium Gray
#757575
Light Gray
#F5F5F5
Earthy Beige
Warm earthy beige tones inspired by soil, clay, and natural elements
Clay Beige
#D2B48C
Terracotta
#DEB887
Wheat
#F5DEB3
Corn Silk
#FFF8DC
Dark Brown
#5D4037
Linen Texture
Soft linen-inspired beige tones simulating natural fabric textures
Dark Linen
#E9DCC9
Linen
#FAF0E6
Light Linen
#FDF5E6
Cream Linen
#FFFAF0
Natural Linen
#FAEBD7
Retro Beige
Vintage beige tones inspired by 70s and 80s aesthetics
Harvest Gold
#DAA520
Avocado Green
#568203
Mustard Yellow
#FFDB58
Cream
#FFFDD0
Retro Brown
#8B4513
Monochromatic Beige
Single hue variations from pale cream to deep tan
Floral White
#FFFAF0
Antique White
#FAEBD7
Primary Beige
#F5F5DC
Tan
#D2B48C
Dark Tan
#8B7355
Beige-Brown Earthy
Natural earthy palette combining beige and brown tones
Sand Beige
#F5F5DC
Warm Brown
#8B4513
Tan
#D2B48C
Cream
#FFFDD0
Dark Brown
#654321
Beige-Green Natural
Natural combination of beige and green inspired by earth and foliage
Neutral Beige
#F5F5DC
Sage Green
#9DC183
Moss Green
#8A9A5B
Cream
#FFFAF0
Deep Green
#33691E
Beige-Blue Coastal
Coastal palette combining beige sand tones with ocean blues
Sand Beige
#F5F5DC
Ocean Blue
#2196F3
Sky Blue
#87CEEB
Cream
#FFFAF0
Deep Blue
#000080
Beige-Gray Modern
Modern combination of beige and gray for contemporary designs
Warm Beige
#F5F5DC
Charcoal Gray
#36454F
Light Gray
#D3D3D3
White
#FFFFFF
Medium Gray
#808080
Beige-Gold Luxury
Luxurious combination of beige and gold for premium designs
Ivory Beige
#F5F5DC
Gold
#FFD700
Cream
#FFFDD0
Dark Brown
#654321
Ivory
#FFFFF0
Beige-White Clean
Clean and crisp beige and white palette for minimalist designs
Classic Beige
#F5F5DC
Pure White
#FFFFFF
Off White
#F8F8FF
Ivory
#FFFFF0
Dark Beige
#8B7355
Beige-Black Elegant
Elegant combination of beige and black for sophisticated designs
Ivory Beige
#F5F5DC
Jet Black
#000000
Dark Gray
#333333
Cream
#FFFAF0
Charcoal
#36454F
Beige-Pink Soft
Soft combination of beige and pink for gentle, warm designs
Warm Beige
#F5F5DC
Blush Pink
#F5C9C9
Light Pink
#FFD1DC
Cream
#FFFDD0
Dusty Rose
#D18D8D
Beige-Orange Warm
Warm combination of beige and orange for cozy designs
Sand Beige
#F5F5DC
Burnt Orange
#CC5500
Peach
#FFDAB9
Cream
#FFFAF0
Dark Orange
#FF8C00
Beige-Purple Rich
Rich combination of beige and purple for luxurious designs
Ivory Beige
#F5F5DC
Royal Purple
#4B0082
Lavender
#E6E6FA
Cream
#FFFAF0
Deep Purple
#2C003E
Beige-Teal Fresh
Fresh combination of beige and teal for modern designs
Neutral Beige
#F5F5DC
Teal
#008080
Light Teal
#A6FFCB
White
#FFFFFF
Dark Teal
#006D5B
Beige-Red Earthy
Earthy combination of beige and red for warm designs
Terracotta Beige
#D2B48C
Rust Red
#8B0000
Light Coral
#F08080
Cream
#FFFAF0
Dark Red
#800000
Generate Beige Color Palettes
Explore curated and automatically generated color palettes featuring beige. 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 Beige Color Palette from Image
Upload a photo to extract a beige color palette with HEX and RGB codes.
click or drag your image here
Supported formats: JPG, PNG, WebP
Beige 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 Beige Color Palette
Light Beige Palette
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
Cream Palette
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFFEE5
Light
#FFFEDE
Medium Light
#FFFDD7
Medium
#FFFDD0
Medium Dark
#FFFAA0
Dark
#FFF76C
Darkest
#FFF423
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FFFDD0
Left Dark
#FDFBD9
Left Medium
#FAF9E3
Left Light
#F8F7EC
Neutral
#F5F5F5
Right Light
#ECECF8
Right Medium
#E3E3FA
Right Dark
#DADBFD
Complementary End
#D0D2FF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFFEE8
Medium
#FFFDD0
Dark
#787750
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FFD0D2
Left Adjacent 1
#FFE6D0
Main
#FFFDD0
Right Adjacent 1
#E9FFD0
Right Adjacent 2
#D2FFD0
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FFFDD0
Complementary
#D0D2FF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FFFDD0
Secondary
#D0FFFD
Tertiary
#FDD0FF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FFFDD0
Right 90°
#D0FFE6
Complementary
#D0D2FF
Left 90°
#FFD0E9
Tetradic
Two pairs of complementary colors
4 colors
Main
#FFFDD0
Secondary
#D2FFD0
Complementary
#D0D2FF
Complementary Secondary
#FDD0FF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FFFDD0
Split Left
#D0E9FF
Split Right
#E6D0FF
Cyclic
Circular gradient for periodic data
8 colors
0°
#FFFDD0
45°
#DEFFD0
90°
#D0FFE6
135°
#D0F5FF
180°
#D0D2FF
225°
#F1D0FF
270°
#FFD0E9
315°
#FFDAD0
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C9C79C
Pastel 1
#D1CFA9
Pastel 2
#D8D6B6
Pastel 3
#DFDEC3
Pastel 4
#E6E5D1
Deep Pastel
#EDECDE
Ivory Palette
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
Linen Palette
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
Antique White Palette
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FCF4E8
Light
#FBF1E3
Medium Light
#FBEEDD
Medium
#FAEBD7
Medium Dark
#F7CC9F
Dark
#EEAF67
Darkest
#E1912B
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FAEBD7
Left Dark
#F9EDDE
Left Medium
#F8F0E6
Left Light
#F6F2ED
Neutral
#F5F5F5
Right Light
#EEF1F6
Right Medium
#E6EDF8
Right Dark
#DFEAF9
Complementary End
#D7E6FA
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FDF5EB
Medium
#FAEBD7
Dark
#7A6D5C
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FAD7E6
Left Adjacent 1
#FAD9D7
Main
#FAEBD7
Right Adjacent 1
#F8FAD7
Right Adjacent 2
#E6FAD7
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FAEBD7
Complementary
#D7E6FA
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FAEBD7
Secondary
#D7FAEB
Tertiary
#EBD7FA
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FAEBD7
Right 90°
#D7FADA
Complementary
#D7E6FA
Left 90°
#FAD7F8
Tetradic
Two pairs of complementary colors
4 colors
Main
#FAEBD7
Secondary
#E6FAD7
Complementary
#D7E6FA
Complementary Secondary
#EBD7FA
Split Complementary
Complementary colors ±30°
3 colors
Main
#FAEBD7
Split Left
#D7F8FA
Split Right
#D9D7FA
Cyclic
Circular gradient for periodic data
8 colors
0°
#FAEBD7
45°
#EFFAD7
90°
#D7FADA
135°
#D7FAF4
180°
#D7E6FA
225°
#E2D7FA
270°
#FAD7F8
315°
#FAD7DD
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C4B5A1
Pastel 1
#CCBFAD
Pastel 2
#D4C9BA
Pastel 3
#DCD3C6
Pastel 4
#E4DCD3
Deep Pastel
#EBE6E0
Blanched Almond Palette
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFF5E5
Light
#FFF2DD
Medium Light
#FFEED5
Medium
#FFEBCD
Medium Dark
#FFD095
Dark
#FFB55E
Darkest
#FD9B17
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FFEBCD
Left Dark
#FDEDD7
Left Medium
#FBF0E1
Left Light
#F8F2EB
Neutral
#F5F5F5
Right Light
#EBF0F8
Right Medium
#E2EBFA
Right Dark
#D7E6FD
Complementary End
#CDE1FF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFF5E6
Medium
#FFEBCD
Dark
#7D6D53
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FFCDE1
Left Adjacent 1
#FFD2CD
Main
#FFEBCD
Right Adjacent 1
#FAFFCD
Right Adjacent 2
#E1FFCD
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FFEBCD
Complementary
#CDE1FF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FFEBCD
Secondary
#CDFFEB
Tertiary
#EBCDFF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FFEBCD
Right 90°
#CDFFD2
Complementary
#CDE1FF
Left 90°
#FFCDFA
Tetradic
Two pairs of complementary colors
4 colors
Main
#FFEBCD
Secondary
#E1FFCD
Complementary
#CDE1FF
Complementary Secondary
#EBCDFF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FFEBCD
Split Left
#CDFAFF
Split Right
#D2CDFF
Cyclic
Circular gradient for periodic data
8 colors
0°
#FFEBCD
45°
#EEFFCD
90°
#CDFFD2
135°
#CDFFF7
180°
#CDE1FF
225°
#DFCDFF
270°
#FFCDFA
315°
#FFCDD5
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C9B79C
Pastel 1
#D1C1A9
Pastel 2
#D8CAB6
Pastel 3
#DFD4C3
Pastel 4
#E6DDD1
Deep Pastel
#EDE7DE
Cornsilk Palette
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFFAE5
Light
#FFF9E2
Medium Light
#FFF9DF
Medium
#FFF8DC
Medium Dark
#FFEAA6
Dark
#FFDC6D
Darkest
#FECF25
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FFF8DC
Left Dark
#FDF7E2
Left Medium
#FAF6E9
Left Light
#F8F6EF
Neutral
#F5F5F5
Right Light
#EFF0F8
Right Medium
#E9ECFA
Right Dark
#E2E7FD
Complementary End
#DCE3FF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFFBED
Medium
#FFF8DC
Dark
#79745C
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FFDCE3
Left Adjacent 1
#FFE7DC
Main
#FFF8DC
Right Adjacent 1
#F4FFDC
Right Adjacent 2
#E3FFDC
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FFF8DC
Complementary
#DCE3FF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FFF8DC
Secondary
#DCFFF8
Tertiary
#F8DCFF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FFF8DC
Right 90°
#DCFFE7
Complementary
#DCE3FF
Left 90°
#FFDCF4
Tetradic
Two pairs of complementary colors
4 colors
Main
#FFF8DC
Secondary
#E3FFDC
Complementary
#DCE3FF
Complementary Secondary
#F8DCFF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FFF8DC
Split Left
#DCF4FF
Split Right
#E7DCFF
Cyclic
Circular gradient for periodic data
8 colors
0°
#FFF8DC
45°
#ECFFDC
90°
#DCFFE7
135°
#DCFDFF
180°
#DCE3FF
225°
#EFDCFF
270°
#FFDCF4
315°
#FFDEDC
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C9C09C
Pastel 1
#D1C9A9
Pastel 2
#D8D1B6
Pastel 3
#DFD9C3
Pastel 4
#E6E2D1
Deep Pastel
#EDEADE
Old Lace Palette
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FDF6E7
Light
#FDF5E7
Medium Light
#FDF5E6
Medium
#FDF5E6
Medium Dark
#FDDBAC
Dark
#F7C273
Darkest
#ECAA33
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FDF5E6
Left Dark
#FBF5EA
Left Medium
#F9F5EE
Left Light
#F7F5F1
Neutral
#F5F5F5
Right Light
#F1F3F7
Right Medium
#EEF1F9
Right Dark
#EAF0FB
Complementary End
#E6EEFD
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FEFAF2
Medium
#FDF5E6
Dark
#797265
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FDE6EE
Left Adjacent 1
#FDEAE6
Main
#FDF5E6
Right Adjacent 1
#FAFDE6
Right Adjacent 2
#EEFDE6
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FDF5E6
Complementary
#E6EEFD
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FDF5E6
Secondary
#E6FDF5
Tertiary
#F5E6FD
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FDF5E6
Right 90°
#E6FDEA
Complementary
#E6EEFD
Left 90°
#FDE6FA
Tetradic
Two pairs of complementary colors
4 colors
Main
#FDF5E6
Secondary
#EEFDE6
Complementary
#E6EEFD
Complementary Secondary
#F5E6FD
Split Complementary
Complementary colors ±30°
3 colors
Main
#FDF5E6
Split Left
#E6FAFD
Split Right
#E9E6FD
Cyclic
Circular gradient for periodic data
8 colors
0°
#FDF5E6
45°
#F4FDE6
90°
#E6FDEA
135°
#E6FDFB
180°
#E6EEFD
225°
#EFE6FD
270°
#FDE6FA
315°
#FDE6E8
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C6B89F
Pastel 1
#CEC2AC
Pastel 2
#D5CBB9
Pastel 3
#DDD5C5
Pastel 4
#E4DED2
Deep Pastel
#ECE7DF
Sea Shell Palette
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFF0E5
Light
#FFF2E8
Medium Light
#FFF3EB
Medium
#FFF5EE
Medium Dark
#FFCEAD
Dark
#FFA76D
Darkest
#FC7F2A
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FFF5EE
Left Dark
#FDF5F0
Left Medium
#FAF5F2
Left Light
#F8F5F3
Neutral
#F5F5F5
Right Light
#F3F6F7
Right Medium
#F2F7FA
Right Dark
#F0F7FC
Complementary End
#EEF8FF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFFAF6
Medium
#FFF5EE
Dark
#7A726C
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FFEEF8
Left Adjacent 1
#FFEEF0
Main
#FFF5EE
Right Adjacent 1
#FFFEEE
Right Adjacent 2
#F8FFEE
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FFF5EE
Complementary
#EEF8FF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FFF5EE
Secondary
#EEFFF5
Tertiary
#F5EEFF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FFF5EE
Right 90°
#F0FFEE
Complementary
#EEF8FF
Left 90°
#FEEEFF
Tetradic
Two pairs of complementary colors
4 colors
Main
#FFF5EE
Secondary
#F8FFEE
Complementary
#EEF8FF
Complementary Secondary
#F5EEFF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FFF5EE
Split Left
#EEFFFE
Split Right
#EEF0FF
Cyclic
Circular gradient for periodic data
8 colors
0°
#FFF5EE
45°
#FCFFEE
90°
#F0FFEE
135°
#EEFFF9
180°
#EEF8FF
225°
#F1EEFF
270°
#FEEEFF
315°
#FFEEF4
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C9AE9C
Pastel 1
#D1B9A9
Pastel 2
#D8C4B6
Pastel 3
#DFCFC3
Pastel 4
#E6D9D1
Deep Pastel
#EDE4DE
Floral White Palette
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFF6E5
Light
#FFF8E9
Medium Light
#FFF9EC
Medium
#FFFAF0
Medium Dark
#FFE3B3
Dark
#FFCC76
Darkest
#FDB730
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FFFAF0
Left Dark
#FDF9F1
Left Medium
#FAF7F3
Left Light
#F8F6F4
Neutral
#F5F5F5
Right Light
#F4F5F8
Right Medium
#F3F5FA
Right Dark
#F1F5FD
Complementary End
#F0F5FF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFFCF7
Medium
#FFFAF0
Dark
#79756C
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FFF0F5
Left Adjacent 1
#FFF3F0
Main
#FFFAF0
Right Adjacent 1
#FDFFF0
Right Adjacent 2
#F5FFF0
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FFFAF0
Complementary
#F0F5FF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FFFAF0
Secondary
#F0FFFA
Tertiary
#FAF0FF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FFFAF0
Right 90°
#F0FFF3
Complementary
#F0F5FF
Left 90°
#FFF0FD
Tetradic
Two pairs of complementary colors
4 colors
Main
#FFFAF0
Secondary
#F5FFF0
Complementary
#F0F5FF
Complementary Secondary
#FAF0FF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FFFAF0
Split Left
#F0FDFF
Split Right
#F3F0FF
Cyclic
Circular gradient for periodic data
8 colors
0°
#FFFAF0
45°
#F9FFF0
90°
#F0FFF3
135°
#F0FFFE
180°
#F0F5FF
225°
#F6F0FF
270°
#FFF0FD
315°
#FFF0F1
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C9BA9C
Pastel 1
#D1C3A9
Pastel 2
#D8CDB6
Pastel 3
#DFD6C3
Pastel 4
#E6DFD1
Deep Pastel
#EDE8DE