Skip to content

19 Gold Color Palettes

Explore 19 expertly curated gold color palettes, featuring diverse thematic schemes including luxury, metallic, autumn, and minimalist designs. A comprehensive color inspiration library for UI design, branding, and development projects.

gold color palette
#fff7c5
#ffec93
#ffe15e
#ffd700
#b5990f
#705f10
#322b09

Curated Gold Color Palettes

Browse 19 handpicked gold color palettes for various themes and applications, from luxury branding to minimalist designs.

Luxury Gold

Rich and opulent gold tones for premium branding and luxury products

Dark Gold
#DAA520
Warm Gold
#F8D568
Bright Gold
#FFDF00
Ivory
#FFF8DC
Charcoal Black
#2C2C2C

Metallic Gold

Realistic metallic gold tones with various finishes and textures

Bronze
#8B7355
Copper Gold
#B08D57
Metallic Gold
#D4AF37
Light Gold
#E6C45A
Pale Gold
#F5E5A8

Minimalist Gold

Clean and simple gold scheme for modern minimalist luxury designs

Pure Gold
#FFD700
Pure White
#FFFFFF
Dark Gray
#212121
Medium Gray
#757575
Light Gray
#F5F5F5

Rose Gold

Modern rose gold palette blending pink and gold for contemporary elegance

Deep Rose Gold
#B76E79
Rose Gold
#E0BFB8
Pink Gold
#F4C2C2
Light Rose
#F8E1E7
Dark Charcoal
#2C2C2C

Autumn Gold

Warm gold tones inspired by autumn leaves, harvest, and fall foliage

Burnt Orange
#CC5500
Autumn Gold
#DAA520
Amber
#FFBF00
Harvest Cream
#F5DEB3
Deep Brown
#5D4037

Vintage Gold

Vintage gold tones inspired by antique jewelry and classic designs

Antique Gold
#8B7355
Vintage Yellow
#F0E68C
Cream
#FFFDD0
Sepia
#704214
Antique White
#FAEBD7

Monochromatic Gold

Single hue variations from pale gold to deep metallic gold

Pale Gold
#FFF8DC
Light Gold
#F8D568
Primary Gold
#FFD700
Dark Gold
#DAA520
Deep Bronze
#8B7355

Gold-Black Luxury

Classic luxury combination of gold and black for premium branding

Gold
#FFD700
Pure Black
#000000
Pure White
#FFFFFF
Dark Gray
#333333
Light Gray
#F5F5F5

Gold-Purple Royal

Regal combination of gold and purple for royal and majestic designs

Royal Gold
#DAA520
Royal Purple
#4B0082
Lavender
#E6E6FA
Ivory
#FFFFF0
Deep Purple
#2C003E

Gold-Blue Elegant

Sophisticated combination of gold and blue for elegant designs

Elegant Gold
#F8D568
Navy Blue
#000080
Sky Blue
#87CEEB
Cream
#FFFDD0
Charcoal
#36454F

Gold-Green Nature

Natural combination of gold and green inspired by foliage and sunlight

Sunlight Gold
#FFD700
Forest Green
#228B22
Sage Green
#9DC183
Cream
#FFFAF0
Deep Green
#013220

Gold-Copper Metallic

Warm metallic palette blending gold and copper tones

Deep Copper
#B87333
Copper
#D2691E
Gold
#FFD700
Light Copper
#ED9F6C
Metallic Cream
#F5E5A8

Gold-White Minimal

Ultra-minimalist gold and white palette for clean luxury designs

Gold Accent
#FFD700
Pure White
#FFFFFF
Off White
#F8F8FF
Ivory
#FFFFF0
Light Gray
#D3D3D3

Gold-Red Festive

Festive combination of gold and red for celebrations and holidays

Festive Gold
#FFD700
Crimson Red
#DC143C
Deep Red
#8B0000
Cream
#FFFDD0
Dark Red
#800000

Gold-Brown Earthy

Earthy gold and brown tones for natural, organic luxury

Earth Gold
#D4AF37
Dark Brown
#654321
Tan
#D2B48C
Cream
#F5F5DC
Deep Brown
#5D4037

Gold-Silver Metallic

Luxurious metallic combination of gold and silver tones

Gold
#FFD700
Silver
#C0C0C0
Platinum
#E5E4E2
Charcoal
#36454F
White
#FFFFFF

Gold-Orange Sunset

Warm sunset palette blending gold and orange tones

Sunset Gold
#FFD700
Burnt Orange
#CC5500
Amber
#FFBF00
Peach
#FFDAB9
Deep Orange
#FF8C00

Gold-Gray Industrial

Industrial gold and gray palette for technical luxury designs

Industrial Gold
#D4AF37
Steel Gray
#808080
Light Gray
#D3D3D3
Charcoal
#36454F
White
#FFFFFF

Gold-Pink Romantic

Romantic combination of gold and pink for feminine luxury

Romantic Gold
#F8D568
Blush Pink
#F5C9C9
Light Pink
#FFD1DC
Ivory
#FFFFF0
Deep Pink
#E75480

Generate Gold Color Palettes

Explore curated and automatically generated color palettes featuring gold. 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
#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 Gold Color Palette from Image

Upload a photo to extract a gold color palette with HEX and RGB codes.

click or drag your image here
Supported formats: JPG, PNG, WebP

Gold 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 Gold Color Palette

Light 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
#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

Dark Gold Palette

🎨

Sequential

Single hue gradient for data visualization

7 colors
Lightest
#FADC8F
Light
#E5BF67
Medium Light
#CFA23F
Medium
#B8860B
Medium Dark
#7D5C14
Dark
#473513
Darkest
#16120A

Diverging

Dual hue gradient with a neutral midpoint

9 colors
Base End
#B8860B
Left Dark
#CCA050
Left Medium
#DEBC87
Left Light
#EBD8BD
Neutral
#F5F5F5
Right Light
#C8C3E7
Right Medium
#9A94D8
Right Dark
#6667C8
Complementary End
#0B3DB8

Monochromatic

Same hue, different brightness/saturation

5 colors
Lightest
#FFFFFF
Light
#E3C08B
Medium
#B8860B
Dark
#643E00
Darkest
#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors
Left Adjacent 2
#B80B3D
Left Adjacent 1
#B82F0B
Main
#B8860B
Right Adjacent 1
#93B80B
Right Adjacent 2
#3DB80B

Complementary

Colors opposite on the color wheel (180° apart)

2 colors
Main
#B8860B
Complementary
#0B3DB8

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors
Main
#B8860B
Secondary
#0BB886
Tertiary
#860BB8

Square

Four colors evenly spaced (90° apart)

4 colors
Main
#B8860B
Right 90°
#0BB830
Complementary
#0B3DB8
Left 90°
#B80B94

Tetradic

Two pairs of complementary colors

4 colors
Main
#B8860B
Secondary
#3DB80B
Complementary
#0B3DB8
Complementary Secondary
#860BB8

Split Complementary

Complementary colors ±30°

3 colors
Main
#B8860B
Split Left
#0B93B8
Split Right
#2F0BB8

Cyclic

Circular gradient for periodic data

8 colors
#B8860B
45°
#68B80B
90°
#0BB830
135°
#0BB8B1
180°
#0B3DB8
225°
#5B0BB8
270°
#B80B94
315°
#B80B12

Pastel

Soft, desaturated colors for modern UI

6 colors
Light Pastel
#C7BB9E
Pastel 1
#CEC4AB
Pastel 2
#D6CDB8
Pastel 3
#DDD6C5
Pastel 4
#E5DFD2
Deep Pastel
#ECE8DF

Metallic Gold Palette

🎨

Sequential

Single hue gradient for data visualization

7 colors
Lightest
#FAF2D8
Light
#F1DBA4
Medium Light
#E4C56F
Medium
#D4AF37
Medium Dark
#9A7F2B
Dark
#64531F
Darkest
#332A12

Diverging

Dual hue gradient with a neutral midpoint

9 colors
Base End
#D4AF37
Left Dark
#E0C06A
Left Medium
#EAD198
Left Light
#F1E3C6
Neutral
#F5F5F5
Right Light
#CECCEE
Right Medium
#A5A5E6
Right Dark
#777FDD
Complementary End
#375CD4

Monochromatic

Same hue, different brightness/saturation

5 colors
Lightest
#FFFFFF
Light
#EFD69D
Medium
#D4AF37
Dark
#6B5300
Darkest
#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors
Left Adjacent 2
#D4375C
Left Adjacent 1
#D46137
Main
#D4AF37
Right Adjacent 1
#AAD437
Right Adjacent 2
#5CD437

Complementary

Colors opposite on the color wheel (180° apart)

2 colors
Main
#D4AF37
Complementary
#375CD4

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors
Main
#D4AF37
Secondary
#37D4AF
Tertiary
#AF37D4

Square

Four colors evenly spaced (90° apart)

4 colors
Main
#D4AF37
Right 90°
#37D460
Complementary
#375CD4
Left 90°
#D437AA

Tetradic

Two pairs of complementary colors

4 colors
Main
#D4AF37
Secondary
#5CD437
Complementary
#375CD4
Complementary Secondary
#AF37D4

Split Complementary

Complementary colors ±30°

3 colors
Main
#D4AF37
Split Left
#37AAD4
Split Right
#6137D4

Cyclic

Circular gradient for periodic data

8 colors
#D4AF37
45°
#83D437
90°
#37D460
135°
#37D2D4
180°
#375CD4
225°
#8837D4
270°
#D437AA
315°
#D43937

Pastel

Soft, desaturated colors for modern UI

6 colors
Light Pastel
#C1BAA4
Pastel 1
#CAC3B0
Pastel 2
#D2CDBC
Pastel 3
#DAD6C8
Pastel 4
#E2DFD4
Deep Pastel
#EAE8E1

Rose Gold Palette

🎨

Sequential

Single hue gradient for data visualization

7 colors
Lightest
#FEECEE
Light
#E8C1C6
Medium Light
#D0979E
Medium
#B76E79
Medium Dark
#8A525B
Dark
#5F383E
Darkest
#372023

Diverging

Dual hue gradient with a neutral midpoint

9 colors
Base End
#B76E79
Left Dark
#C88F96
Left Medium
#D8B0B5
Left Light
#E7D2D5
Neutral
#F5F5F5
Right Light
#D4E6E2
Right Medium
#B3D6D0
Right Dark
#91C7BE
Complementary End
#6EB7AC

Monochromatic

Same hue, different brightness/saturation

5 colors
Lightest
#FFFFFF
Light
#DDB5BA
Medium
#B76E79
Dark
#6C2B38
Darkest
#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors
Left Adjacent 2
#AC6EB7
Left Adjacent 1
#B76E9D
Main
#B76E79
Right Adjacent 1
#B7886E
Right Adjacent 2
#B7AC6E

Complementary

Colors opposite on the color wheel (180° apart)

2 colors
Main
#B76E79
Complementary
#6EB7AC

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors
Main
#B76E79
Secondary
#79B76E
Tertiary
#6E79B7

Square

Four colors evenly spaced (90° apart)

4 colors
Main
#B76E79
Right 90°
#9DB76E
Complementary
#6EB7AC
Left 90°
#886EB7

Tetradic

Two pairs of complementary colors

4 colors
Main
#B76E79
Secondary
#B7AC6E
Complementary
#6EB7AC
Complementary Secondary
#6E79B7

Split Complementary

Complementary colors ±30°

3 colors
Main
#B76E79
Split Left
#6EB788
Split Right
#6E9DB7

Cyclic

Circular gradient for periodic data

8 colors
#B76E79
45°
#B79A6E
90°
#9DB76E
135°
#6EB775
180°
#6EB7AC
225°
#6E8BB7
270°
#886EB7
315°
#B76EB0

Pastel

Soft, desaturated colors for modern UI

6 colors
Light Pastel
#BAABAD
Pastel 1
#C3B6B8
Pastel 2
#CDC1C3
Pastel 3
#D6CCCE
Pastel 4
#DFD8D9
Deep Pastel
#E8E3E4

Old Gold Palette

🎨

Sequential

Single hue gradient for data visualization

7 colors
Lightest
#F9F3D8
Light
#EEDEA5
Medium Light
#E0C972
Medium
#CFB53B
Medium Dark
#96842E
Dark
#615520
Darkest
#312B13

Diverging

Dual hue gradient with a neutral midpoint

9 colors
Base End
#CFB53B
Left Dark
#DCC46D
Left Medium
#E7D49A
Left Light
#EFE4C7
Neutral
#F5F5F5
Right Light
#CECAED
Right Medium
#A5A1E3
Right Dark
#787ADA
Complementary End
#3B55CF

Monochromatic

Same hue, different brightness/saturation

5 colors
Lightest
#FFFFFF
Light
#ECD99F
Medium
#CFB53B
Dark
#665700
Darkest
#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors
Left Adjacent 2
#CF3B55
Left Adjacent 1
#CF6B3B
Main
#CFB53B
Right Adjacent 1
#9FCF3B
Right Adjacent 2
#55CF3B

Complementary

Colors opposite on the color wheel (180° apart)

2 colors
Main
#CFB53B
Complementary
#3B55CF

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors
Main
#CFB53B
Secondary
#3BCFB5
Tertiary
#B53BCF

Square

Four colors evenly spaced (90° apart)

4 colors
Main
#CFB53B
Right 90°
#3BCF6B
Complementary
#3B55CF
Left 90°
#CF3B9F

Tetradic

Two pairs of complementary colors

4 colors
Main
#CFB53B
Secondary
#55CF3B
Complementary
#3B55CF
Complementary Secondary
#B53BCF

Split Complementary

Complementary colors ±30°

3 colors
Main
#CFB53B
Split Left
#3B9FCF
Split Right
#6B3BCF

Cyclic

Circular gradient for periodic data

8 colors
#CFB53B
45°
#7ACF3B
90°
#3BCF6B
135°
#3BC4CF
180°
#3B55CF
225°
#903BCF
270°
#CF3B9F
315°
#CF463B

Pastel

Soft, desaturated colors for modern UI

6 colors
Light Pastel
#C0BCA5
Pastel 1
#C9C5B1
Pastel 2
#D1CEBD
Pastel 3
#D9D7C9
Pastel 4
#E2E0D5
Deep Pastel
#EAE9E1

Goldenrod Palette

🎨

Sequential

Single hue gradient for data visualization

7 colors
Lightest
#FAECC7
Light
#F3D493
Medium Light
#E8BC5F
Medium
#DAA520
Medium Dark
#99741E
Dark
#5D4718
Darkest
#261F0E

Diverging

Dual hue gradient with a neutral midpoint

9 colors
Base End
#DAA520
Left Dark
#E6B85D
Left Medium
#EFCC90
Left Light
#F4E0C2
Neutral
#F5F5F5
Right Light
#CDCAF0
Right Medium
#A2A1E9
Right Dark
#717AE2
Complementary End
#2055DA

Monochromatic

Same hue, different brightness/saturation

5 colors
Lightest
#FFFFFF
Light
#F4D195
Medium
#DAA520
Dark
#724D00
Darkest
#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors
Left Adjacent 2
#DA2055
Left Adjacent 1
#DA4820
Main
#DAA520
Right Adjacent 1
#B2DA20
Right Adjacent 2
#55DA20

Complementary

Colors opposite on the color wheel (180° apart)

2 colors
Main
#DAA520
Complementary
#2055DA

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors
Main
#DAA520
Secondary
#20DAA5
Tertiary
#A520DA

Square

Four colors evenly spaced (90° apart)

4 colors
Main
#DAA520
Right 90°
#20DA48
Complementary
#2055DA
Left 90°
#DA20B2

Tetradic

Two pairs of complementary colors

4 colors
Main
#DAA520
Secondary
#55DA20
Complementary
#2055DA
Complementary Secondary
#A520DA

Split Complementary

Complementary colors ±30°

3 colors
Main
#DAA520
Split Left
#20B2DA
Split Right
#4820DA

Cyclic

Circular gradient for periodic data

8 colors
#DAA520
45°
#84DA20
90°
#20DA48
135°
#20DAD3
180°
#2055DA
225°
#7620DA
270°
#DA20B2
315°
#DA2027

Pastel

Soft, desaturated colors for modern UI

6 colors
Light Pastel
#C4BAA1
Pastel 1
#CBC3AE
Pastel 2
#D3CCBA
Pastel 3
#DBD6C7
Pastel 4
#E3DFD3
Deep Pastel
#EBE8E0

Honey Gold Palette

🎨

Sequential

Single hue gradient for data visualization

7 colors
Lightest
#F8DA7A
Light
#DBB958
Medium Light
#BE9A35
Medium
#A17C0B
Medium Dark
#6F5613
Dark
#403313
Darkest
#16130A

Diverging

Dual hue gradient with a neutral midpoint

9 colors
Base End
#A17C0B
Left Dark
#BA984E
Left Medium
#D1B684
Left Light
#E4D5BC
Neutral
#F5F5F5
Right Light
#C5BFE1
Right Medium
#958CCC
Right Dark
#605CB7
Complementary End
#0B30A1

Monochromatic

Same hue, different brightness/saturation

5 colors
Lightest
#FFFFFF
Light
#D6BB89
Medium
#A17C0B
Dark
#573C00
Darkest
#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors
Left Adjacent 2
#A10B30
Left Adjacent 1
#A1310B
Main
#A17C0B
Right Adjacent 1
#7BA10B
Right Adjacent 2
#30A10B

Complementary

Colors opposite on the color wheel (180° apart)

2 colors
Main
#A17C0B
Complementary
#0B30A1

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors
Main
#A17C0B
Secondary
#0BA17C
Tertiary
#7C0BA1

Square

Four colors evenly spaced (90° apart)

4 colors
Main
#A17C0B
Right 90°
#0BA131
Complementary
#0B30A1
Left 90°
#A10B7B

Tetradic

Two pairs of complementary colors

4 colors
Main
#A17C0B
Secondary
#30A10B
Complementary
#0B30A1
Complementary Secondary
#7C0BA1

Split Complementary

Complementary colors ±30°

3 colors
Main
#A17C0B
Split Left
#0B7BA1
Split Right
#310BA1

Cyclic

Circular gradient for periodic data

8 colors
#A17C0B
45°
#55A10B
90°
#0BA131
135°
#0BA1A1
180°
#0B30A1
225°
#570BA1
270°
#A10B7B
315°
#A10B0B

Pastel

Soft, desaturated colors for modern UI

6 colors
Light Pastel
#C7BD9E
Pastel 1
#CEC5AB
Pastel 2
#D6CEB8
Pastel 3
#DDD7C5
Pastel 4
#E5E0D2
Deep Pastel
#ECE9DF

Satin Gold Palette

🎨

Sequential

Single hue gradient for data visualization

7 colors
Lightest
#FAF7E5
Light
#EADFB6
Medium Light
#D8C987
Medium
#C5B358
Medium Dark
#948642
Dark
#665C2E
Darkest
#3C361B

Diverging

Dual hue gradient with a neutral midpoint

9 colors
Base End
#C5B358
Left Dark
#D3C37F
Left Medium
#E0D3A6
Left Light
#EBE4CD
Neutral
#F5F5F5
Right Light
#D1D0EA
Right Medium
#ABADDE
Right Dark
#848AD2
Complementary End
#586AC5

Monochromatic

Same hue, different brightness/saturation

5 colors
Lightest
#FFFFFF
Light
#E5D8AB
Medium
#C5B358
Dark
#605600
Darkest
#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors
Left Adjacent 2
#C5586A
Left Adjacent 1
#C57C58
Main
#C5B358
Right Adjacent 1
#A1C558
Right Adjacent 2
#6AC558

Complementary

Colors opposite on the color wheel (180° apart)

2 colors
Main
#C5B358
Complementary
#586AC5

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors
Main
#C5B358
Secondary
#58C5B3
Tertiary
#B358C5

Square

Four colors evenly spaced (90° apart)

4 colors
Main
#C5B358
Right 90°
#58C57C
Complementary
#586AC5
Left 90°
#C558A1

Tetradic

Two pairs of complementary colors

4 colors
Main
#C5B358
Secondary
#6AC558
Complementary
#586AC5
Complementary Secondary
#B358C5

Split Complementary

Complementary colors ±30°

3 colors
Main
#C5B358
Split Left
#58A0C5
Split Right
#7C58C5

Cyclic

Circular gradient for periodic data

8 colors
#C5B358
45°
#85C558
90°
#58C57C
135°
#58BCC5
180°
#586AC5
225°
#9858C5
270°
#C558A1
315°
#C56158

Pastel

Soft, desaturated colors for modern UI

6 colors
Light Pastel
#BEBAA7
Pastel 1
#C6C3B3
Pastel 2
#CFCCBF
Pastel 3
#D8D6CA
Pastel 4
#E0DFD6
Deep Pastel
#E9E8E2

Golden Brown Palette

🎨

Sequential

Single hue gradient for data visualization

7 colors
Lightest
#F2C784
Light
#D4A55F
Medium Light
#B7843B
Medium
#996515
Medium Dark
#694716
Dark
#3C2A14
Darkest
#13100C

Diverging

Dual hue gradient with a neutral midpoint

9 colors
Base End
#996515
Left Dark
#B4874E
Left Medium
#CDAA84
Left Light
#E3CFBB
Neutral
#F5F5F5
Right Light
#C4C6DE
Right Medium
#929AC7
Right Dark
#5E70B0
Complementary End
#154999

Monochromatic

Same hue, different brightness/saturation

5 colors
Lightest
#FFFFFF
Light
#D2AF88
Medium
#996515
Dark
#582E00
Darkest
#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors
Left Adjacent 2
#991549
Left Adjacent 1
#992315
Main
#996515
Right Adjacent 1
#8B9915
Right Adjacent 2
#499915

Complementary

Colors opposite on the color wheel (180° apart)

2 colors
Main
#996515
Complementary
#154999

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors
Main
#996515
Secondary
#159965
Tertiary
#651599

Square

Four colors evenly spaced (90° apart)

4 colors
Main
#996515
Right 90°
#159923
Complementary
#154999
Left 90°
#99158B

Tetradic

Two pairs of complementary colors

4 colors
Main
#996515
Secondary
#499915
Complementary
#154999
Complementary Secondary
#651599

Split Complementary

Complementary colors ±30°

3 colors
Main
#996515
Split Left
#158B99
Split Right
#231599

Cyclic

Circular gradient for periodic data

8 colors
#996515
45°
#6A9915
90°
#159923
135°
#159986
180°
#154999
225°
#441599
270°
#99158B
315°
#991528

Pastel

Soft, desaturated colors for modern UI

6 colors
Light Pastel
#C4B6A1
Pastel 1
#CCC0AE
Pastel 2
#D4CABA
Pastel 3
#DCD3C7
Pastel 4
#E3DDD3
Deep Pastel
#EBE7E0

Pale Gold Palette

🎨

Sequential

Single hue gradient for data visualization

7 colors
Lightest
#F8EDDE
Light
#F3DDC2
Medium Light
#EDCDA6
Medium
#E6BE8A
Medium Dark
#C59B67
Dark
#A57A45
Darkest
#855A24

Diverging

Dual hue gradient with a neutral midpoint

9 colors
Base End
#E6BE8A
Left Dark
#EBCBA4
Left Medium
#F0D9BF
Left Light
#F3E7DA
Neutral
#F5F5F5
Right Light
#DCE4F1
Right Medium
#C2D3EE
Right Dark
#A7C2EA
Complementary End
#8AB2E6

Monochromatic

Same hue, different brightness/saturation

5 colors
Lightest
#FFFFFF
Light
#F5DEC4
Medium
#E6BE8A
Dark
#775829
Darkest
#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors
Left Adjacent 2
#E68AB2
Left Adjacent 1
#E6908A
Main
#E6BE8A
Right Adjacent 1
#E0E68A
Right Adjacent 2
#B2E68A

Complementary

Colors opposite on the color wheel (180° apart)

2 colors
Main
#E6BE8A
Complementary
#8AB2E6

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors
Main
#E6BE8A
Secondary
#8AE6BE
Tertiary
#BE8AE6

Square

Four colors evenly spaced (90° apart)

4 colors
Main
#E6BE8A
Right 90°
#8AE690
Complementary
#8AB2E6
Left 90°
#E68AE0

Tetradic

Two pairs of complementary colors

4 colors
Main
#E6BE8A
Secondary
#B2E68A
Complementary
#8AB2E6
Complementary Secondary
#BE8AE6

Split Complementary

Complementary colors ±30°

3 colors
Main
#E6BE8A
Split Left
#8AE0E6
Split Right
#908AE6

Cyclic

Circular gradient for periodic data

8 colors
#E6BE8A
45°
#C9E68A
90°
#8AE690
135°
#8AE6D5
180°
#8AB2E6
225°
#A78AE6
270°
#E68AE0
315°
#E68A9B

Pastel

Soft, desaturated colors for modern UI

6 colors
Light Pastel
#C1B4A4
Pastel 1
#CABEB0
Pastel 2
#D2C8BC
Pastel 3
#DAD2C8
Pastel 4
#E2DCD4
Deep Pastel
#EAE6E1