Appearance
19 Orange Color Palettes
Explore 19 expertly curated orange color palettes, featuring diverse thematic schemes including sunset, autumn, retro, and minimalist designs. A comprehensive color inspiration library for UI design, branding, and development projects.
Curated Orange Color Palettes
Browse 19 handpicked orange color palettes for various themes and applications, from warm autumn to modern minimalist designs.
Sunset Orange
Warm orange tones inspired by beautiful sunsets and golden hours
Sunset Orange
#FF5722
Pure White
#FFFFFF
Peach Cream
#FFE0B2
Light Apricot
#FFF3E0
Warm Brown
#8D6E63
Autumn Harvest
Rich orange tones inspired by autumn leaves, pumpkins, and harvest season
Pumpkin Orange
#D84315
Coral Orange
#FF8A65
Amber
#FFB74D
Light Peach
#FFE0B2
Deep Brown
#5D4037
Minimalist Orange
Clean and simple orange scheme for modern minimalist designs
Primary Orange
#FF9800
Pure White
#FFFFFF
Dark Gray
#212121
Medium Gray
#757575
Light Gray
#F5F5F5
Terracotta Orange
Earthy orange tones inspired by clay, pottery, and natural materials
Dark Terracotta
#8D6E63
Terracotta
#A1887F
Burnt Orange
#D84315
Light Clay
#FFE0B2
Deep Clay
#6D4C41
Neon Orange
Vibrant neon orange tones for high-energy, attention-grabbing designs
Deep Neon Orange
#FF3D00
Electric Orange
#FF6F00
Neon Orange
#FF9100
Light Neon
#FFCC80
Dark Gray
#212121
Retro Orange
Vintage orange tones inspired by 70s and 80s retro aesthetics
Burnt Orange
#CC5500
Mustard Yellow
#FFDB58
Avocado Green
#568203
Cream
#FFFDD0
Retro Brown
#8B4513
Monochromatic Orange
Single hue variations from pale peach to deep burnt orange
Peach Cream
#FFF3E0
Light Orange
#FFCC80
Primary Orange
#FF9800
Dark Orange
#F57C00
Burnt Orange
#E65100
Orange-Blue Complementary
Vibrant contrast between orange and blue for energetic visual impact
Vibrant Orange
#FF9800
Electric Blue
#2196F3
Light Blue
#BBDEFB
Light Gray
#F5F5F5
Dark Gray
#212121
Orange-Yellow Analogous
Warm gradient from oranges to yellows for sunny, cheerful harmony
Orange
#FF9800
Amber
#FFC107
Yellow
#FFEB3B
Cream
#FFF8E1
Deep Amber
#FF8F00
Orange-Purple Split Complementary
Orange paired with purple and blue accents for creative contrast
Sunset Orange
#FF5722
Royal Purple
#9C27B0
Lavender
#E1BEE7
White
#FFFFFF
Deep Purple
#4A148C
Orange-Green Earthy
Natural combination of orange and green inspired by earth and foliage
Terracotta Orange
#8D6E63
Sage Green
#9DC183
Moss Green
#8A9A5B
Cream
#FFFAF0
Deep Green
#33691E
Orange-Red Fiery
Hot gradient from oranges to reds for intense, fiery energy
Flame Orange
#FF5722
Vermilion Red
#E34234
Scarlet
#FF2400
Light Coral
#F08080
Deep Red
#8B0000
Orange-Pink Vibrant
Vibrant combination of orange and pink for playful, energetic designs
Bright Orange
#FF8C00
Hot Pink
#FF69B4
Light Pink
#FFB6C1
Cream
#FFFDD0
Deep Pink
#FF1493
Orange-Brown Autumn
Classic autumn palette combining oranges, browns, and yellows
Autumn Orange
#D2691E
Golden Brown
#A0522D
Amber Yellow
#FFBF00
Light Beige
#F5DEB3
Dark Brown
#654321
Orange-Gray Modern
Modern combination of orange with sophisticated grays
Vibrant Orange
#FF9800
Charcoal Gray
#36454F
Light Gray
#D3D3D3
White
#FFFFFF
Medium Gray
#808080
Orange-Black Bold
Bold and striking combination of orange and black
Electric Orange
#FF8C00
Jet Black
#000000
White
#FFFFFF
Dark Gray
#333333
Light Gray
#F5F5F5
Orange-Gold Luxury
Luxurious combination of orange and gold for premium designs
Amber Orange
#FFBF00
Gold
#FFD700
Cream
#FFFDD0
Dark Brown
#654321
Ivory
#FFFFF0
Orange-Teal Fresh
Fresh combination of orange and teal for modern, lively designs
Bright Orange
#FF8C00
Teal
#008080
Light Teal
#A6FFCB
White
#FFFFFF
Dark Teal
#006D5B
Orange-Pastel Soft
Soft pastel orange tones for gentle, calming designs
Pastel Orange
#FFB347
Peach
#FFDAB9
Apricot
#FDD5B1
Cream
#FFFDD0
Light Yellow
#FFFACD
Generate Orange Color Palettes
Explore curated and automatically generated color palettes featuring orange. 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 Orange Color Palette from Image
Upload a photo to extract an orange color palette with HEX and RGB codes.
click or drag your image here
Supported formats: JPG, PNG, WebP
Orange 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 Orange Color Palette
Light Orange Palette
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFF4DF
Light
#FFDEAD
Medium Light
#FFC87B
Medium
#FFB347
Medium Dark
#D08E32
Dark
#A36A1E
Darkest
#78490A
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FFB347
Left Dark
#FFC375
Left Medium
#FFD39F
Left Light
#FDE4CA
Neutral
#F5F5F5
Right Light
#D3DBF8
Right Medium
#AEC2FB
Right Dark
#83AAFD
Complementary End
#4793FF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFD8A4
Medium
#FFB347
Dark
#884F00
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FF4793
Left Adjacent 1
#FF5747
Main
#FFB347
Right Adjacent 1
#EFFF47
Right Adjacent 2
#93FF47
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FFB347
Complementary
#4793FF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FFB347
Secondary
#47FFB3
Tertiary
#B347FF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FFB347
Right 90°
#47FF57
Complementary
#4793FF
Left 90°
#FF47EF
Tetradic
Two pairs of complementary colors
4 colors
Main
#FFB347
Secondary
#93FF47
Complementary
#4793FF
Complementary Secondary
#B347FF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FFB347
Split Left
#47EFFF
Split Right
#5747FF
Cyclic
Circular gradient for periodic data
8 colors
0°
#FFB347
45°
#C1FF47
90°
#47FF57
135°
#47FFE1
180°
#4793FF
225°
#8547FF
270°
#FF47EF
315°
#FF4765
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C9B69C
Pastel 1
#D1C0A9
Pastel 2
#D8CAB6
Pastel 3
#DFD3C3
Pastel 4
#E6DDD1
Deep Pastel
#EDE7DE
Dark Orange Palette
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFE7C5
Light
#FFC98D
Medium Light
#FFAB54
Medium
#FF8C00
Medium Dark
#B4640E
Dark
#6F3F0F
Darkest
#301D08
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FF8C00
Left Dark
#FFA652
Left Medium
#FFC089
Left Light
#FFDBBE
Neutral
#F5F5F5
Right Light
#D0D2F9
Right Medium
#A6B1FC
Right Dark
#7491FE
Complementary End
#0073FF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFC58D
Medium
#FF8C00
Dark
#923300
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FF0073
Left Adjacent 1
#FF0C00
Main
#FF8C00
Right Adjacent 1
#F3FF00
Right Adjacent 2
#73FF00
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FF8C00
Complementary
#0073FF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FF8C00
Secondary
#00FF8C
Tertiary
#8C00FF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FF8C00
Right 90°
#00FF0D
Complementary
#0073FF
Left 90°
#FF00F3
Tetradic
Two pairs of complementary colors
4 colors
Main
#FF8C00
Secondary
#73FF00
Complementary
#0073FF
Complementary Secondary
#8C00FF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FF8C00
Split Left
#00F2FF
Split Right
#0C00FF
Cyclic
Circular gradient for periodic data
8 colors
0°
#FF8C00
45°
#B3FF00
90°
#00FF0D
135°
#00FFCC
180°
#0073FF
225°
#4C00FF
270°
#FF00F3
315°
#FF0033
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C9B59C
Pastel 1
#D1BFA9
Pastel 2
#D8C9B6
Pastel 3
#DFD2C3
Pastel 4
#E6DCD1
Deep Pastel
#EDE6DE
Burnt Orange Palette
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFC293
Light
#F19E66
Medium Light
#E07A39
Medium
#CC5500
Medium Dark
#8A3D0D
Dark
#4C250F
Darkest
#150C07
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#CC5500
Left Dark
#DF7E47
Left Medium
#EDA57F
Left Light
#F4CDB9
Neutral
#F5F5F5
Right Light
#C9D4EB
Right Medium
#9BB3E1
Right Dark
#6794D7
Complementary End
#0077CC
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#F2AA83
Medium
#CC5500
Dark
#7E0C00
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#CC0077
Left Adjacent 1
#CC0011
Main
#CC5500
Right Adjacent 1
#CCBB00
Right Adjacent 2
#77CC00
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#CC5500
Complementary
#0077CC
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#CC5500
Secondary
#00CC55
Tertiary
#5500CC
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#CC5500
Right 90°
#11CC00
Complementary
#0077CC
Left 90°
#BB00CC
Tetradic
Two pairs of complementary colors
4 colors
Main
#CC5500
Secondary
#77CC00
Complementary
#0077CC
Complementary Secondary
#5500CC
Split Complementary
Complementary colors ±30°
3 colors
Main
#CC5500
Split Left
#00CCBB
Split Right
#0011CC
Cyclic
Circular gradient for periodic data
8 colors
0°
#CC5500
45°
#AACC00
90°
#11CC00
135°
#00CC88
180°
#0077CC
225°
#2200CC
270°
#BB00CC
315°
#CC0044
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C9AF9C
Pastel 1
#D1B9A9
Pastel 2
#D8C4B6
Pastel 3
#DFCFC3
Pastel 4
#E6DAD1
Deep Pastel
#EDE4DE
Coral Orange Palette
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFEBE1
Light
#FFC7AF
Medium Light
#FFA47F
Medium
#FF7F50
Medium Dark
#D36137
Dark
#A9431E
Darkest
#802706
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FF7F50
Left Dark
#FF9E78
Left Medium
#FFBBA0
Left Light
#FFD8CA
Neutral
#F5F5F5
Right Light
#D5ECF8
Right Medium
#B2E3FA
Right Dark
#89D9FD
Complementary End
#50D0FF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFC0A5
Medium
#FF7F50
Dark
#962500
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FF50D0
Left Adjacent 1
#FF5079
Main
#FF7F50
Right Adjacent 1
#FFD650
Right Adjacent 2
#D0FF50
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FF7F50
Complementary
#50D0FF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FF7F50
Secondary
#50FF7F
Tertiary
#7F50FF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FF7F50
Right 90°
#79FF50
Complementary
#50D0FF
Left 90°
#D650FF
Tetradic
Two pairs of complementary colors
4 colors
Main
#FF7F50
Secondary
#D0FF50
Complementary
#50D0FF
Complementary Secondary
#7F50FF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FF7F50
Split Left
#50FFD6
Split Right
#5079FF
Cyclic
Circular gradient for periodic data
8 colors
0°
#FF7F50
45°
#FCFF50
90°
#79FF50
135°
#50FFAB
180°
#50D0FF
225°
#5350FF
270°
#D650FF
315°
#FF50A4
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C9A89C
Pastel 1
#D1B3A9
Pastel 2
#D8BFB6
Pastel 3
#DFCBC3
Pastel 4
#E6D6D1
Deep Pastel
#EDE2DE
Peach Palette
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFF6E5
Light
#FFF0D5
Medium Light
#FFEBC4
Medium
#FFE5B4
Medium Dark
#FACB84
Dark
#F1B153
Darkest
#E59816
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FFE5B4
Left Dark
#FDE9C4
Left Medium
#FBEDD4
Left Light
#F8F1E5
Neutral
#F5F5F5
Right Light
#E6EBF8
Right Medium
#D6E1FA
Right Dark
#C5D8FD
Complementary End
#B4CEFF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFF2D9
Medium
#FFE5B4
Dark
#7F6B3F
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FFB4CE
Left Adjacent 1
#FFC0B4
Main
#FFE5B4
Right Adjacent 1
#F3FFB4
Right Adjacent 2
#CEFFB4
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FFE5B4
Complementary
#B4CEFF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FFE5B4
Secondary
#B4FFE5
Tertiary
#E5B4FF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FFE5B4
Right 90°
#B4FFC0
Complementary
#B4CEFF
Left 90°
#FFB4F3
Tetradic
Two pairs of complementary colors
4 colors
Main
#FFE5B4
Secondary
#CEFFB4
Complementary
#B4CEFF
Complementary Secondary
#E5B4FF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FFE5B4
Split Left
#B4F3FF
Split Right
#C0B4FF
Cyclic
Circular gradient for periodic data
8 colors
0°
#FFE5B4
45°
#E1FFB4
90°
#B4FFC0
135°
#B4FFF8
180°
#B4CEFF
225°
#D2B4FF
270°
#FFB4F3
315°
#FFB4BB
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C9BA9C
Pastel 1
#D1C3A9
Pastel 2
#D8CCB6
Pastel 3
#DFD5C3
Pastel 4
#E6DFD1
Deep Pastel
#EDE8DE
Tangerine Palette
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFE1B8
Light
#FFC383
Medium Light
#FBA44E
Medium
#F28500
Medium Dark
#A75D10
Dark
#613811
Darkest
#231608
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#F28500
Left Dark
#FBA150
Left Medium
#FFBD87
Left Light
#FDD9BD
Neutral
#F5F5F5
Right Light
#CED1F6
Right Medium
#A4AEF5
Right Dark
#718CF4
Complementary End
#006DF2
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFC18C
Medium
#F28500
Dark
#8B3100
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#F2006D
Left Adjacent 1
#F20C00
Main
#F28500
Right Adjacent 1
#E6F200
Right Adjacent 2
#6DF200
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#F28500
Complementary
#006DF2
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#F28500
Secondary
#00F285
Tertiary
#8500F2
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#F28500
Right 90°
#00F20C
Complementary
#006DF2
Left 90°
#F200E6
Tetradic
Two pairs of complementary colors
4 colors
Main
#F28500
Secondary
#6DF200
Complementary
#006DF2
Complementary Secondary
#8500F2
Split Complementary
Complementary colors ±30°
3 colors
Main
#F28500
Split Left
#00E6F2
Split Right
#0C00F2
Cyclic
Circular gradient for periodic data
8 colors
0°
#F28500
45°
#A9F200
90°
#00F20C
135°
#00F2C2
180°
#006DF2
225°
#4800F2
270°
#F200E6
315°
#F20030
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C9B59C
Pastel 1
#D1BFA9
Pastel 2
#D8C9B6
Pastel 3
#DFD2C3
Pastel 4
#E6DCD1
Deep Pastel
#EDE6DE
Amber Orange Palette
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFF2C5
Light
#FFE191
Medium Light
#FFD05B
Medium
#FFBF00
Medium Dark
#B5880F
Dark
#705510
Darkest
#322609
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FFBF00
Left Dark
#FFCC5A
Left Medium
#FFD990
Left Light
#FFE7C2
Neutral
#F5F5F5
Right Light
#D2C5FA
Right Medium
#AA97FD
Right Dark
#786BFE
Complementary End
#0040FF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFDE94
Medium
#FFBF00
Dark
#845700
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FF0040
Left Adjacent 1
#FF3F00
Main
#FFBF00
Right Adjacent 1
#C0FF00
Right Adjacent 2
#40FF00
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FFBF00
Complementary
#0040FF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FFBF00
Secondary
#00FFBF
Tertiary
#BF00FF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FFBF00
Right 90°
#00FF40
Complementary
#0040FF
Left 90°
#FF00BF
Tetradic
Two pairs of complementary colors
4 colors
Main
#FFBF00
Secondary
#40FF00
Complementary
#0040FF
Complementary Secondary
#BF00FF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FFBF00
Split Left
#00BFFF
Split Right
#4000FF
Cyclic
Circular gradient for periodic data
8 colors
0°
#FFBF00
45°
#80FF00
90°
#00FF40
135°
#00FFFF
180°
#0040FF
225°
#7F00FF
270°
#FF00BF
315°
#FF0000
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C9BE9C
Pastel 1
#D1C7A9
Pastel 2
#D8CFB6
Pastel 3
#DFD8C3
Pastel 4
#E6E1D1
Deep Pastel
#EDE9DE
Pumpkin Palette
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFEEDE
Light
#FFC69E
Medium Light
#FF9F5F
Medium
#FF7518
Medium Dark
#BE5714
Dark
#803A0F
Darkest
#482007
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FF7518
Left Dark
#FF9655
Left Medium
#FFB68A
Left Light
#FFD6BF
Neutral
#F5F5F5
Right Light
#D0DFF8
Right Medium
#A7CAFB
Right Dark
#76B6FD
Complementary End
#18A2FF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFBB8E
Medium
#FF7518
Dark
#981B00
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FF18A2
Left Adjacent 1
#FF182F
Main
#FF7518
Right Adjacent 1
#FFE818
Right Adjacent 2
#A2FF18
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FF7518
Complementary
#18A2FF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FF7518
Secondary
#18FF75
Tertiary
#7518FF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FF7518
Right 90°
#2FFF18
Complementary
#18A2FF
Left 90°
#E818FF
Tetradic
Two pairs of complementary colors
4 colors
Main
#FF7518
Secondary
#A2FF18
Complementary
#18A2FF
Complementary Secondary
#7518FF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FF7518
Split Left
#18FFE9
Split Right
#182EFF
Cyclic
Circular gradient for periodic data
8 colors
0°
#FF7518
45°
#DCFF18
90°
#2FFF18
135°
#18FFAF
180°
#18A2FF
225°
#3B18FF
270°
#E818FF
315°
#FF1868
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C9AE9C
Pastel 1
#D1B9A9
Pastel 2
#D8C4B6
Pastel 3
#DFCEC3
Pastel 4
#E6D9D1
Deep Pastel
#EDE4DE
Terracotta Palette
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFEAE5
Light
#FAC2B5
Medium Light
#F09B87
Medium
#E2725B
Medium Dark
#B35642
Dark
#873B2A
Darkest
#5D2114
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#E2725B
Left Dark
#EC937F
Left Medium
#F3B4A5
Left Light
#F6D4CC
Neutral
#F5F5F5
Right Light
#D4EBF0
Right Medium
#B1E0EC
Right Dark
#8BD6E7
Complementary End
#5BCBE2
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#F8B9AA
Medium
#E2725B
Dark
#872316
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#E25BCB
Left Adjacent 1
#E25B87
Main
#E2725B
Right Adjacent 1
#E2B65B
Right Adjacent 2
#CBE25B
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#E2725B
Complementary
#5BCBE2
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#E2725B
Secondary
#5BE272
Tertiary
#725BE2
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#E2725B
Right 90°
#88E25B
Complementary
#5BCBE2
Left 90°
#B65BE2
Tetradic
Two pairs of complementary colors
4 colors
Main
#E2725B
Secondary
#CBE25B
Complementary
#5BCBE2
Complementary Secondary
#725BE2
Split Complementary
Complementary colors ±30°
3 colors
Main
#E2725B
Split Left
#5BE2B5
Split Right
#5B88E2
Cyclic
Circular gradient for periodic data
8 colors
0°
#E2725B
45°
#E2D75B
90°
#88E25B
135°
#5BE294
180°
#5BCBE2
225°
#5B66E2
270°
#B65BE2
315°
#E25BA9
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C3A8A2
Pastel 1
#CBB4AF
Pastel 2
#D3BFBB
Pastel 3
#DBCBC7
Pastel 4
#E3D6D4
Deep Pastel
#EBE2E0
Apricot Palette
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FEF0E7
Light
#FDE4D5
Medium Light
#FDD9C3
Medium
#FBCEB1
Medium Dark
#F2A87E
Dark
#E4834C
Darkest
#D25D15
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FBCEB1
Left Dark
#FBD8C2
Left Medium
#F9E1D3
Left Light
#F8EBE4
Neutral
#F5F5F5
Right Light
#E5EFF7
Right Medium
#D4E9F8
Right Dark
#C3E4FA
Complementary End
#B1DEFB
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FEE6D8
Medium
#FBCEB1
Dark
#825E44
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FBB1DE
Left Adjacent 1
#FBB1B9
Main
#FBCEB1
Right Adjacent 1
#FBF3B1
Right Adjacent 2
#DEFBB1
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FBCEB1
Complementary
#B1DEFB
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FBCEB1
Secondary
#B1FBCE
Tertiary
#CEB1FB
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FBCEB1
Right 90°
#B9FBB1
Complementary
#B1DEFB
Left 90°
#F3B1FB
Tetradic
Two pairs of complementary colors
4 colors
Main
#FBCEB1
Secondary
#DEFBB1
Complementary
#B1DEFB
Complementary Secondary
#CEB1FB
Split Complementary
Complementary colors ±30°
3 colors
Main
#FBCEB1
Split Left
#B1FBF3
Split Right
#B1B9FB
Cyclic
Circular gradient for periodic data
8 colors
0°
#FBCEB1
45°
#F0FBB1
90°
#B9FBB1
135°
#B1FBE1
180°
#B1DEFB
225°
#BBB1FB
270°
#F3B1FB
315°
#FBB1CB
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C7AE9E
Pastel 1
#CFB9AB
Pastel 2
#D6C4B8
Pastel 3
#DECEC5
Pastel 4
#E5D9D2
Deep Pastel
#ECE4DF