Salesforce

Salesforce Color Palette

Salesforce selected these Blue values to communicate specific brand attributes across tech contexts. This guide unpacks the rationale and implementation details.

Salesforce Primary

HEX#00A1E0
RGB0, 161, 224

Salesforce Accent

HEX#032D60
RGB3, 45, 96

The Visual Identity of Salesforce

Color Systems & Brand Psychology

Primary Hue

Salesforce builds its entire visual hierarchy from #00A1E0. This Blue primary was chosen to resonate with tech consumer expectations while remaining technically versatile.

Industry Psychology

In the competitive tech landscape, Blue provides Salesforce with a distinctive visual Territory — colors that audiences instinctively associate with quality and expertise.

Strategic Usage

These Salesforce colors are specifications, not suggestions. The tech brand's visual integrity depends on exact reproduction of these hex values across every medium and partner implementation.

UI Design & Application Guide

Thinking of using the Salesforce color palette in your next project? Here is a professional guide on how to apply these colors effectively for web and mobile interfaces.

Aa
Header One
HEX: #00A1E0 Primary Brand Color

When using #00A1E0 as a background, strict accessibility standards (WCAG) recommend using #FFFFFF for your typeface to ensure maximum readability.

Call to Action
Get Started
Button Component
Accent Usage
Use Salesforce Blue as a high-visibility accent color on clean white surfaces to draw attention.
Dark/Brand Background
Professional Tip: Designers using Figma or Adobe XD should create a specific color style named Salesforce Primary to ensure consistency across all tech mockups.

Technical Color Data Table

For developers and designers, accuracy is non-negotiable. Below are the precise conversions.

Color Name HEX Code RGB Values CSS Variable
Salesforce Primary #00A1E0 rgb(0, 161, 224) var(--salesforce-primary)
Salesforce Accent 1 #032D60 rgb(3, 45, 96) var(--salesforce-color-2)

CSS Implementation

Copy this CSS snippet to your :root to instantly implement the Salesforce brand styles.

:root {
  --salesforce-primary: #00A1E0;
  --salesforce-color-2: #032D60;
}

Explore Related Brand Palettes

Compare Salesforce with other top brands in our database.

Frequently Asked Questions

What is the exact HEX code for Salesforce?
The primary hexadecimal color code for Salesforce is #00A1E0. This code is verified for use in web and app design.
Is the Salesforce brand color ADA Compliant?
It depends on the background. #00A1E0 must be checked against white or black text using a Contrast Ratio calculator. Generally, bright brand colors should only be used for buttons or large headings, not body text.

Related Tags

Salesforce color palette, Salesforce HEX codes, Salesforce brand colors, Salesforce color scheme, brand color palette, official brand colors, Salesforce design colors