Skip to content

Caterpillar Logo Color Code & Palette

Looking for the official Caterpillar logo color code? Get the exact #FFCD00 and CAT Yellow, #000000 and CAT Black and #7A7A7A and CAT Gray. Complete color information for design and development projects featuring Caterpillar's signature brand color.

Caterpillar logo Color Code
#FFCD00
#000000
#7A7A7A

Extract Caterpillar Logo Colors from Image

Upload a photo or SVG image containing the Caterpillar logo to find the exact HEX and RGB color codes. Supported formats include PNG, JPG, SVG, and more.

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

Caterpillar Logo Color Code Converter

Instantly convert Caterpillar's brand color between HEX, RGB, CMYK, and other color systems.

🎨

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%)

Caterpillar Logo Color Palette

#FFCD00

🎨

Sequential

Single hue gradient for data visualization

7 colors
Lightest
#FFF5C5
Light
#FFE792
Medium Light
#FFDA5D
Medium
#FFCD00
Medium Dark
#B5920F
Dark
#705B10
Darkest
#322909

Diverging

Dual hue gradient with a neutral midpoint

9 colors
Base End
#FFCD00
Left Dark
#FFD65D
Left Medium
#FFE092
Left Light
#FEEAC4
Neutral
#F5F5F5
Right Light
#D3C3FA
Right Medium
#AB92FD
Right Dark
#7962FE
Complementary End
#0032FF

Monochromatic

Same hue, different brightness/saturation

5 colors
Lightest
#FFFFFF
Light
#FFE596
Medium
#FFCD00
Dark
#806000
Darkest
#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors
Left Adjacent 2
#FF0032
Left Adjacent 1
#FF4E00
Main
#FFCD00
Right Adjacent 1
#B1FF00
Right Adjacent 2
#32FF00

Complementary

Colors opposite on the color wheel (180° apart)

2 colors
Main
#FFCD00
Complementary
#0032FF

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors
Main
#FFCD00
Secondary
#00FFCD
Tertiary
#CD00FF

Square

Four colors evenly spaced (90° apart)

4 colors
Main
#FFCD00
Right 90°
#00FF4E
Complementary
#0032FF
Left 90°
#FF00B1

Tetradic

Two pairs of complementary colors

4 colors
Main
#FFCD00
Secondary
#32FF00
Complementary
#0032FF
Complementary Secondary
#CD00FF

Split Complementary

Complementary colors ±30°

3 colors
Main
#FFCD00
Split Left
#00B1FF
Split Right
#4E00FF

Cyclic

Circular gradient for periodic data

8 colors
#FFCD00
45°
#72FF00
90°
#00FF4E
135°
#00F1FF
180°
#0032FF
225°
#8D00FF
270°
#FF00B1
315°
#FF0E00

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

#000000

🎨

Sequential

Single hue gradient for data visualization

7 colors
Lightest
#6C6466
Light
#484344
Medium Light
#262424
Medium
#000000
Medium Dark
#040404
Dark
#090909
Darkest
#0D0D0D

Diverging

Dual hue gradient with a neutral midpoint

9 colors
Base End
#000000
Left Dark
#393939
Left Medium
#737373
Left Light
#B2B2B2
Neutral
#F5F5F5
Right Light
#B2B2B2
Right Medium
#737373
Right Dark
#393939
Complementary End
#000000

Monochromatic

Same hue, different brightness/saturation

5 colors
Lightest
#FFFFFF
Light
#777777
Medium
#000000
Dark
#000000
Darkest
#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors
Left Adjacent 2
#000000
Left Adjacent 1
#000000
Main
#000000
Right Adjacent 1
#000000
Right Adjacent 2
#000000

Complementary

Colors opposite on the color wheel (180° apart)

2 colors
Main
#000000
Complementary
#000000

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors
Main
#000000
Secondary
#000000
Tertiary
#000000

Square

Four colors evenly spaced (90° apart)

4 colors
Main
#000000
Right 90°
#000000
Complementary
#000000
Left 90°
#000000

Tetradic

Two pairs of complementary colors

4 colors
Main
#000000
Secondary
#000000
Complementary
#000000
Complementary Secondary
#000000

Split Complementary

Complementary colors ±30°

3 colors
Main
#000000
Split Left
#000000
Split Right
#000000

Cyclic

Circular gradient for periodic data

8 colors
#000000
45°
#000000
90°
#000000
135°
#000000
180°
#000000
225°
#000000
270°
#000000
315°
#000000

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

#7A7A7A

🎨

Sequential

Single hue gradient for data visualization

7 colors
Lightest
#E7DEE0
Light
#C1BBBD
Medium Light
#9D9A9B
Medium
#7A7A7A
Medium Dark
#555555
Dark
#333333
Darkest
#141414

Diverging

Dual hue gradient with a neutral midpoint

9 colors
Base End
#7A7A7A
Left Dark
#979797
Left Medium
#B6B6B6
Left Light
#D5D5D5
Neutral
#F5F5F5
Right Light
#D5D5D5
Right Medium
#B6B6B6
Right Dark
#979797
Complementary End
#7A7A7A

Monochromatic

Same hue, different brightness/saturation

5 colors
Lightest
#FFFFFF
Light
#BABABA
Medium
#7A7A7A
Dark
#3D3D3D
Darkest
#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors
Left Adjacent 2
#7A7A7A
Left Adjacent 1
#7A7A7A
Main
#7A7A7A
Right Adjacent 1
#7A7A7A
Right Adjacent 2
#7A7A7A

Complementary

Colors opposite on the color wheel (180° apart)

2 colors
Main
#7A7A7A
Complementary
#7A7A7A

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors
Main
#7A7A7A
Secondary
#7A7A7A
Tertiary
#7A7A7A

Square

Four colors evenly spaced (90° apart)

4 colors
Main
#7A7A7A
Right 90°
#7A7A7A
Complementary
#7A7A7A
Left 90°
#7A7A7A

Tetradic

Two pairs of complementary colors

4 colors
Main
#7A7A7A
Secondary
#7A7A7A
Complementary
#7A7A7A
Complementary Secondary
#7A7A7A

Split Complementary

Complementary colors ±30°

3 colors
Main
#7A7A7A
Split Left
#7A7A7A
Split Right
#7A7A7A

Cyclic

Circular gradient for periodic data

8 colors
#7A7A7A
45°
#7A7A7A
90°
#7A7A7A
135°
#7A7A7A
180°
#7A7A7A
225°
#7A7A7A
270°
#7A7A7A
315°
#7A7A7A

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