Appearance
Salesforce Logo Color Code & Palette
Looking for the official Salesforce logo color code? Get the exact #00A1E0 and Salesforce Blue, #1AB341 and Salesforce Green and #FFFFFF and Salesforce White. Complete color information for design and development projects featuring Salesforce's signature brand color.
Extract Salesforce Logo Colors from Image
Upload a photo or SVG image containing the Salesforce 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
Salesforce Logo Color Code Converter
Instantly convert Salesforce'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%)
Salesforce Logo Color Palette
#00A1E0
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#A2E9FF
Light
#7FD1F5
Medium Light
#56B8EA
Medium
#00A1E0
Medium Dark
#1B6D95
Dark
#193C51
Darkest
#081115
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#00A1E0
Left Dark
#6DB5E6
Left Medium
#A0CAEB
Left Light
#CCDFF0
Neutral
#F5F5F5
Right Light
#FCCAB8
Right Medium
#F99F7E
Right Dark
#EF7245
Complementary End
#E03F00
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#A5CFF0
Medium
#00A1E0
Dark
#00538B
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#00E03F
Left Adjacent 1
#00E0AF
Main
#00A1E0
Right Adjacent 1
#0031E0
Right Adjacent 2
#3F00E0
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#00A1E0
Complementary
#E03F00
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#00A1E0
Secondary
#E000A1
Tertiary
#A1E000
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#00A1E0
Right 90°
#AF00E0
Complementary
#E03F00
Left 90°
#31E000
Tetradic
Two pairs of complementary colors
4 colors
Main
#00A1E0
Secondary
#3F00E0
Complementary
#E03F00
Complementary Secondary
#A1E000
Split Complementary
Complementary colors ±30°
3 colors
Main
#00A1E0
Split Left
#E00031
Split Right
#E0AF00
Cyclic
Circular gradient for periodic data
8 colors
0°
#00A1E0
45°
#0700E0
90°
#AF00E0
135°
#E00069
180°
#E03F00
225°
#D9E000
270°
#31E000
315°
#00E077
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#9CBDC9
Pastel 1
#A9C5D1
Pastel 2
#B6CED8
Pastel 3
#C3D7DF
Pastel 4
#D1E0E6
Deep Pastel
#DEE9ED
#1AB341
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#A1F4B6
Light
#7DDE8F
Medium Light
#55C869
Medium
#1AB341
Medium Dark
#1F7930
Dark
#194420
Darkest
#09150C
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#1AB341
Left Dark
#68C56E
Left Medium
#9BD69B
Left Light
#C9E6C7
Neutral
#F5F5F5
Right Light
#E9C4DA
Right Medium
#D993C0
Right Dark
#C85FA6
Complementary End
#B31A8C
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#A0DA9F
Medium
#1AB341
Dark
#005D00
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#8CB31A
Left Adjacent 1
#40B31A
Main
#1AB341
Right Adjacent 1
#1AB38D
Right Adjacent 2
#1A8CB3
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#1AB341
Complementary
#B31A8C
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#1AB341
Secondary
#411AB3
Tertiary
#B3411A
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#1AB341
Right 90°
#1A3FB3
Complementary
#B31A8C
Left 90°
#B38D1A
Tetradic
Two pairs of complementary colors
4 colors
Main
#1AB341
Secondary
#1A8CB3
Complementary
#B31A8C
Complementary Secondary
#B3411A
Split Complementary
Complementary colors ±30°
3 colors
Main
#1AB341
Split Left
#8D1AB3
Split Right
#B31A3F
Cyclic
Circular gradient for periodic data
8 colors
0°
#1AB341
45°
#1AB2B3
90°
#1A3FB3
135°
#671AB3
180°
#B31A8C
225°
#B31B1A
270°
#B38D1A
315°
#66B31A
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#A1C4AA
Pastel 1
#AECCB5
Pastel 2
#BAD3C1
Pastel 3
#C7DBCC
Pastel 4
#D3E3D7
Deep Pastel
#E0EBE3
#FFFFFF
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#F2F2F2
Light
#F6F6F6
Medium Light
#FBFBFB
Medium
#FFFFFF
Medium Dark
#DCDCDC
Dark
#BABABA
Darkest
#999999
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FFFFFF
Left Dark
#FCFCFC
Left Medium
#FAFAFA
Left Light
#F7F7F7
Neutral
#F5F5F5
Right Light
#F7F7F7
Right Medium
#FAFAFA
Right Dark
#FCFCFC
Complementary End
#FFFFFF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFFFFF
Medium
#FFFFFF
Dark
#777777
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FFFFFF
Left Adjacent 1
#FFFFFF
Main
#FFFFFF
Right Adjacent 1
#FFFFFF
Right Adjacent 2
#FFFFFF
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FFFFFF
Complementary
#FFFFFF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FFFFFF
Secondary
#FFFFFF
Tertiary
#FFFFFF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FFFFFF
Right 90°
#FFFFFF
Complementary
#FFFFFF
Left 90°
#FFFFFF
Tetradic
Two pairs of complementary colors
4 colors
Main
#FFFFFF
Secondary
#FFFFFF
Complementary
#FFFFFF
Complementary Secondary
#FFFFFF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FFFFFF
Split Left
#FFFFFF
Split Right
#FFFFFF
Cyclic
Circular gradient for periodic data
8 colors
0°
#FFFFFF
45°
#FFFFFF
90°
#FFFFFF
135°
#FFFFFF
180°
#FFFFFF
225°
#FFFFFF
270°
#FFFFFF
315°
#FFFFFF
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