Appearance
19 Yellow Color Palettes
Explore 19 expertly curated yellow color palettes, featuring diverse thematic schemes including sunshine, gold, retro, and minimalist designs. A comprehensive color inspiration library for UI design, branding, and development projects.
Curated Yellow Color Palettes
Browse 19 handpicked yellow color palettes for various themes and applications, from warm sunshine to modern minimalist designs.
Sunshine Yellow
Bright and cheerful yellow scheme inspired by sunshine and happiness
Golden Yellow
#FFD700
Pure White
#FFFFFF
Lemon Chiffon
#FFFACD
Cornsilk
#FFF8DC
Khaki
#F0E68C
Honey Gold
Warm golden tones inspired by honey, amber, and natural elements
Dark Honey
#8B5A2B
Amber Gold
#FFBF00
Honey Yellow
#FFC30B
Light Honey
#F0D698
Cream White
#FFFDD0
Minimalist Yellow
Clean and simple yellow scheme for modern minimalist designs
Primary Yellow
#FFC107
Pure White
#FFFFFF
Dark Gray
#212121
Medium Gray
#757575
Light Gray
#F5F5F5
Golden Luxury
Rich golden tones for luxury, premium, and elegant designs
Dark Gold
#DAA520
Warm Gold
#F8D568
Bright Gold
#FFDF00
Ivory
#FFF8DC
Charcoal Black
#2C2C2C
Mustard Texture
Rich mustard and ochre tones simulating fabric and texture
Dark Mustard
#7C6A0A
Mustard Gold
#B8A039
Golden Mustard
#E6B422
Light Mustard
#F7E9A3
Cream Linen
#F5F5DC
Retro Yellow
Vintage yellow tones inspired by 70s and retro aesthetics
Harvest Gold
#DAA520
Mustard Yellow
#FFDB58
Avocado Green
#568203
Cream
#FFFDD0
Retro Brown
#8B4513
Monochromatic Yellow
Single hue variations from pale lemon to deep goldenrod
Lemon Chiffon
#FFFDE7
Pale Yellow
#FFF9C4
Primary Yellow
#FFEB3B
Goldenrod
#FBC02D
Dark Gold
#F57F17
Yellow-Purple Complementary
Vibrant contrast between yellow and purple for visual impact
Sunshine Yellow
#FFC107
Royal Purple
#9C27B0
Lavender
#E1BEE7
Light Gray
#F5F5F5
Charcoal
#212121
Yellow-Orange Analogous
Warm gradient from yellows to oranges for energetic harmony
Lemon Yellow
#FFEB3B
Golden Yellow
#FFC107
Orange
#FF9800
Cream
#FFF3E0
Burnt Orange
#E65100
Yellow-Green Split Complementary
Yellow paired with green-blue accents for natural balance
Sunflower Yellow
#FFCA28
Teal Green
#00897B
Mint Green
#A5D6A7
White
#FFFFFF
Slate Gray
#37474F
Yellow-Red Analogous
Hot gradient from yellows to reds for fiery energy
Sunshine Yellow
#FFEB3B
Orange Red
#FF5722
Red
#F44336
Peach Cream
#FFCCBC
Brick Red
#795548
Pastel Yellow
Soft pastel yellows for gentle, cheerful designs
Pastel Yellow
#FFFACD
Lemon Chiffon
#FFF8DC
Cream
#FFFDD0
Light Peach
#FFDAB9
Ivory
#FFFFF0
Yellow-Black Modern
Modern combination of yellow and black for bold designs
Electric Yellow
#FFFF00
Jet Black
#000000
White
#FFFFFF
Charcoal
#36454F
Light Gray
#D3D3D3
Sunflower Yellow
Bright sunflower-inspired yellows for cheerful, vibrant designs
Sunflower Yellow
#FFDA03
Golden Yellow
#FFD700
Light Yellow
#FFFACD
Brown Center
#8B4513
Green Stem
#228B22
Yellow-Blue Fresh
Fresh combination of yellow and blue for clean, modern designs
Sunshine Yellow
#FFEB3B
Sky Blue
#87CEEB
Light Blue
#BBDEFB
White
#FFFFFF
Navy Blue
#000080
Yellow-Gray Industrial
Industrial yellows with gray undertones for technical designs
Safety Yellow
#FFD300
Steel Gray
#808080
Light Gray
#D3D3D3
Charcoal
#36454F
White
#FFFFFF
Yellow-Green Spring
Fresh spring palette combining yellows and greens
Lemon Yellow
#FFF44F
Spring Green
#00FF7F
Light Green
#90EE90
White
#FFFFFF
Olive Green
#6B8E23
Yellow-Pink Soft
Soft combination of yellows and pinks for gentle designs
Pastel Yellow
#FFFACD
Baby Pink
#FFB6C1
Light Pink
#FFD1DC
Ivory
#FFFFF0
Blush Pink
#F5C9C9
Golden Sunset
Warm golden tones inspired by beautiful sunsets
Sunset Gold
#FFD700
Orange Red
#FF4500
Coral
#FF7F50
Peach
#FFDAB9
Deep Orange
#FF8C00
Generate Yellow Color Palettes
Explore curated and automatically generated color palettes featuring yellow. 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 Yellow Color Palette from Image
Upload a photo to extract a yellow color palette with HEX and RGB codes.
click or drag your image here
Supported formats: JPG, PNG, WebP
Yellow 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 Yellow Color Palette
Light Yellow Palette
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFFFE5
Light
#FFFFE4
Medium Light
#FFFFE2
Medium
#FFFFE0
Medium Dark
#FFFFAD
Dark
#FFFF76
Darkest
#FFFF2A
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FFFFE0
Left Dark
#FDFCE5
Left Medium
#FAFAEB
Left Light
#F8F7F0
Neutral
#F5F5F5
Right Light
#F0F0F8
Right Medium
#EBEAFA
Right Dark
#E5E5FD
Complementary End
#E0E0FF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFFFF0
Medium
#FFFFE0
Dark
#77785D
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FFE0E0
Left Adjacent 1
#FFF0E0
Main
#FFFFE0
Right Adjacent 1
#F0FFE0
Right Adjacent 2
#E0FFE0
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FFFFE0
Complementary
#E0E0FF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FFFFE0
Secondary
#E0FFFF
Tertiary
#FFE0FF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FFFFE0
Right 90°
#E0FFF0
Complementary
#E0E0FF
Left 90°
#FFE0F0
Tetradic
Two pairs of complementary colors
4 colors
Main
#FFFFE0
Secondary
#E0FFE0
Complementary
#E0E0FF
Complementary Secondary
#FFE0FF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FFFFE0
Split Left
#E0F0FF
Split Right
#F0E0FF
Cyclic
Circular gradient for periodic data
8 colors
0°
#FFFFE0
45°
#E8FFE0
90°
#E0FFF0
135°
#E0F7FF
180°
#E0E0FF
225°
#F7E0FF
270°
#FFE0F0
315°
#FFE8E0
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
Golden Yellow Palette
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFF7C5
Light
#FFEC93
Medium Light
#FFE15E
Medium
#FFD700
Medium Dark
#B5990F
Dark
#705F10
Darkest
#322B09
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FFD700
Left Dark
#FFDE5E
Left Medium
#FFE593
Left Light
#FEEDC4
Neutral
#F5F5F5
Right Light
#D3C1FA
Right Medium
#AC8EFD
Right Dark
#7A5CFF
Complementary End
#0028FF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFEA98
Medium
#FFD700
Dark
#7C6500
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FF0028
Left Adjacent 1
#FF5700
Main
#FFD700
Right Adjacent 1
#A7FF00
Right Adjacent 2
#28FF00
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FFD700
Complementary
#0028FF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FFD700
Secondary
#00FFD7
Tertiary
#D700FF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FFD700
Right 90°
#00FF58
Complementary
#0028FF
Left 90°
#FF00A7
Tetradic
Two pairs of complementary colors
4 colors
Main
#FFD700
Secondary
#28FF00
Complementary
#0028FF
Complementary Secondary
#D700FF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FFD700
Split Left
#00A7FF
Split Right
#5800FF
Cyclic
Circular gradient for periodic data
8 colors
0°
#FFD700
45°
#68FF00
90°
#00FF58
135°
#00E7FF
180°
#0028FF
225°
#9700FF
270°
#FF00A7
315°
#FF1800
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C9C29C
Pastel 1
#D1CAA9
Pastel 2
#D8D2B6
Pastel 3
#DFDBC3
Pastel 4
#E6E3D1
Deep Pastel
#EDEBDE
Lemon Yellow Palette
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFFEDF
Light
#FFFAB2
Medium Light
#FFF784
Medium
#FFF44F
Medium Dark
#D4CA3A
Dark
#AAA126
Darkest
#827A11
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FFF44F
Left Dark
#FFF47F
Left Medium
#FFF4A8
Left Light
#FCF4CF
Neutral
#F5F5F5
Right Light
#D6CCF9
Right Medium
#B3A5FC
Right Dark
#8A7FFE
Complementary End
#4F5AFF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFF9AC
Medium
#FFF44F
Dark
#747500
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FF4F5A
Left Adjacent 1
#FF9C4F
Main
#FFF44F
Right Adjacent 1
#B2FF4F
Right Adjacent 2
#5AFF4F
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FFF44F
Complementary
#4F5AFF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FFF44F
Secondary
#4FFFF4
Tertiary
#F44FFF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FFF44F
Right 90°
#4FFF9C
Complementary
#4F5AFF
Left 90°
#FF4FB2
Tetradic
Two pairs of complementary colors
4 colors
Main
#FFF44F
Secondary
#5AFF4F
Complementary
#4F5AFF
Complementary Secondary
#F44FFF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FFF44F
Split Left
#4FB2FF
Split Right
#9C4FFF
Cyclic
Circular gradient for periodic data
8 colors
0°
#FFF44F
45°
#86FF4F
90°
#4FFF9C
135°
#4FDEFF
180°
#4F5AFF
225°
#C84FFF
270°
#FF4FB2
315°
#FF704F
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C9C79C
Pastel 1
#D1CEA9
Pastel 2
#D8D6B6
Pastel 3
#DFDDC3
Pastel 4
#E6E5D1
Deep Pastel
#EDECDE
Canary Yellow Palette
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFFFE5
Light
#FFFFCC
Medium Light
#FFFFB3
Medium
#FFFF99
Medium Dark
#EFEE75
Dark
#DEDC4E
Darkest
#CDCC1C
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FFFF99
Left Dark
#FEFCB1
Left Medium
#FCFAC8
Left Light
#F9F7DF
Neutral
#F5F5F5
Right Light
#E0DDF8
Right Medium
#CBC6FB
Right Dark
#B3AFFD
Complementary End
#9999FF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFFFCD
Medium
#FFFF99
Dark
#747A17
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FF9999
Left Adjacent 1
#FFCC99
Main
#FFFF99
Right Adjacent 1
#CCFF99
Right Adjacent 2
#99FF99
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FFFF99
Complementary
#9999FF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FFFF99
Secondary
#99FFFF
Tertiary
#FF99FF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FFFF99
Right 90°
#99FFCC
Complementary
#9999FF
Left 90°
#FF99CC
Tetradic
Two pairs of complementary colors
4 colors
Main
#FFFF99
Secondary
#99FF99
Complementary
#9999FF
Complementary Secondary
#FF99FF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FFFF99
Split Left
#99CCFF
Split Right
#CC99FF
Cyclic
Circular gradient for periodic data
8 colors
0°
#FFFF99
45°
#B3FF99
90°
#99FFCC
135°
#99E6FF
180°
#9999FF
225°
#E699FF
270°
#FF99CC
315°
#FFB399
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
Gold Palette
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFF7C5
Light
#FFEC93
Medium Light
#FFE15E
Medium
#FFD700
Medium Dark
#B5990F
Dark
#705F10
Darkest
#322B09
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FFD700
Left Dark
#FFDE5E
Left Medium
#FFE593
Left Light
#FEEDC4
Neutral
#F5F5F5
Right Light
#D3C1FA
Right Medium
#AC8EFD
Right Dark
#7A5CFF
Complementary End
#0028FF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFEA98
Medium
#FFD700
Dark
#7C6500
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FF0028
Left Adjacent 1
#FF5700
Main
#FFD700
Right Adjacent 1
#A7FF00
Right Adjacent 2
#28FF00
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FFD700
Complementary
#0028FF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FFD700
Secondary
#00FFD7
Tertiary
#D700FF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FFD700
Right 90°
#00FF58
Complementary
#0028FF
Left 90°
#FF00A7
Tetradic
Two pairs of complementary colors
4 colors
Main
#FFD700
Secondary
#28FF00
Complementary
#0028FF
Complementary Secondary
#D700FF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FFD700
Split Left
#00A7FF
Split Right
#5800FF
Cyclic
Circular gradient for periodic data
8 colors
0°
#FFD700
45°
#68FF00
90°
#00FF58
135°
#00E7FF
180°
#0028FF
225°
#9700FF
270°
#FF00A7
315°
#FF1800
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C9C29C
Pastel 1
#D1CAA9
Pastel 2
#D8D2B6
Pastel 3
#DFDBC3
Pastel 4
#E6E3D1
Deep Pastel
#EDEBDE
Mustard Yellow Palette
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFFADF
Light
#FFEFB3
Medium Light
#FFE587
Medium
#FFDB58
Medium Dark
#D7B540
Dark
#B09028
Darkest
#8A6D10
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FFDB58
Left Dark
#FFE182
Left Medium
#FFE8A9
Left Light
#FCEECF
Neutral
#F5F5F5
Right Light
#D6D5F9
Right Medium
#B3B6FB
Right Dark
#8C98FE
Complementary End
#587CFF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFECAE
Medium
#FFDB58
Dark
#7D6700
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FF587C
Left Adjacent 1
#FF8758
Main
#FFDB58
Right Adjacent 1
#D0FF58
Right Adjacent 2
#7CFF58
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FFDB58
Complementary
#587CFF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FFDB58
Secondary
#58FFDB
Tertiary
#DB58FF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FFDB58
Right 90°
#58FF88
Complementary
#587CFF
Left 90°
#FF58D0
Tetradic
Two pairs of complementary colors
4 colors
Main
#FFDB58
Secondary
#7CFF58
Complementary
#587CFF
Complementary Secondary
#DB58FF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FFDB58
Split Left
#58D0FF
Split Right
#8758FF
Cyclic
Circular gradient for periodic data
8 colors
0°
#FFDB58
45°
#A6FF58
90°
#58FF88
135°
#58F9FF
180°
#587CFF
225°
#B158FF
270°
#FF58D0
315°
#FF5E58
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C9C09C
Pastel 1
#D1C8A9
Pastel 2
#D8D0B6
Pastel 3
#DFD9C3
Pastel 4
#E6E1D1
Deep Pastel
#EDEADE
Amber Yellow 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
Sunflower Yellow Palette
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFF7D7
Light
#FFE69F
Medium Light
#FFD565
Medium
#FFC512
Medium Dark
#BC9112
Dark
#7D610F
Darkest
#443409
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FFC512
Left Dark
#FFD05E
Left Medium
#FFDC92
Left Light
#FEE8C4
Neutral
#F5F5F5
Right Light
#D2C8F9
Right Medium
#AA9DFC
Right Dark
#7973FE
Complementary End
#124CFF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFE197
Medium
#FFC512
Dark
#825B00
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FF124C
Left Adjacent 1
#FF4E12
Main
#FFC512
Right Adjacent 1
#C3FF12
Right Adjacent 2
#4CFF12
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FFC512
Complementary
#124CFF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FFC512
Secondary
#12FFC5
Tertiary
#C512FF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FFC512
Right 90°
#12FF4F
Complementary
#124CFF
Left 90°
#FF12C2
Tetradic
Two pairs of complementary colors
4 colors
Main
#FFC512
Secondary
#4CFF12
Complementary
#124CFF
Complementary Secondary
#C512FF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FFC512
Split Left
#12C3FF
Split Right
#4F12FF
Cyclic
Circular gradient for periodic data
8 colors
0°
#FFC512
45°
#87FF12
90°
#12FF4F
135°
#12FEFF
180°
#124CFF
225°
#8A12FF
270°
#FF12C2
315°
#FF1312
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
Honey Yellow Palette
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FBDE7B
Light
#E0BE58
Medium Light
#C4A035
Medium
#A98307
Medium Dark
#745B12
Dark
#433512
Darkest
#16130A
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#A98307
Left Dark
#C19E4E
Left Medium
#D5BA85
Left Light
#E7D7BC
Neutral
#F5F5F5
Right Light
#C7BFE3
Right Medium
#978BD0
Right Dark
#635ABD
Complementary End
#072DA9
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#DABF8A
Medium
#A98307
Dark
#5A3F00
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#A9072D
Left Adjacent 1
#A93207
Main
#A98307
Right Adjacent 1
#7EA907
Right Adjacent 2
#2DA907
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#A98307
Complementary
#072DA9
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#A98307
Secondary
#07A983
Tertiary
#8307A9
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#A98307
Right 90°
#07A932
Complementary
#072DA9
Left 90°
#A9077E
Tetradic
Two pairs of complementary colors
4 colors
Main
#A98307
Secondary
#2DA907
Complementary
#072DA9
Complementary Secondary
#8307A9
Split Complementary
Complementary colors ±30°
3 colors
Main
#A98307
Split Left
#077EA9
Split Right
#3207A9
Cyclic
Circular gradient for periodic data
8 colors
0°
#A98307
45°
#56A907
90°
#07A932
135°
#07A7A9
180°
#072DA9
225°
#5A07A9
270°
#A9077E
315°
#A90907
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C8BE9D
Pastel 1
#CFC6AA
Pastel 2
#D6CFB7
Pastel 3
#DED8C4
Pastel 4
#E5E1D1
Deep Pastel
#EDE9DE
Olive Yellow Palette
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