B2B Color Palettes

Color palettes from the best B2B SaaS websites. Click a swatch to copy it, or take the whole palette as CSS or Tailwind.

102 / 102

AI Infrastructure

Sales Marketing

AI Agents

AI Agents

AI Infrastructure

AI Agents

Security

AI Infrastructure

Devtools

Aviation Travel

Devtools

Devtools

Sales Marketing

General Intelligence Company

AI Agents

Data

AI Infrastructure

Data

AI Infrastructure

Security

AI Agents

AI Agents

Fintech

AI Agents

Real Estate Hospitality

AI Agents

AI Infrastructure

AI Agents

Web3 Crypto

Fintech

Devtools

Sustainability Cleantech

Insurance

Devtools

AI Agents

AI Infrastructure

AI Agents

AI Agents

Devtools

Devtools

AI Infrastructure

Fintech

Devtools

Devtools

AI Infrastructure

Ecommerce Retail

Productivity

Fintech

Sales Marketing

Fintech

Fintech

Sales Marketing

AI Agents

Fintech

Devtools

Sustainability Cleantech

AI Infrastructure

AI Infrastructure

Industrial Design

AI Agents

Industrial Design

Web3 Crypto

AI Infrastructure

AI Agents

Devtools

Devtools

Data

Devtools

AI Infrastructure

Audio Sound

Web3 Crypto

AI Agents

AI Agents

Productivity

Productivity

Sales Marketing

Productivity

Data

Real Estate Hospitality

AI Agents

Sales Marketing

Devtools

Fintech

AI Infrastructure

Industrial Design

AI Agents

Sustainability Cleantech

Devtools

AI Agents

Sales Marketing

Capital Finance

AI Agents

Productivity

Devtools

Industrial Design

Sales Marketing

Productivity

Sales Marketing

Productivity

Devtools

Real Estate Hospitality

Muse Software

Productivity

Quiet Cubes

Consumer Hardware

How the palettes are pulled

Each palette comes from the site's landing page. The capture in the directory shows how much of the page each color covers, and the live CSS gives its exact value, so the hex you copy is the one the site ships. Background and text are the page's base pair. Surfaces are the other neutrals that cover real area, and accents are the colors, most prominent first.

What the best B2B sites use

28% of these sites are built on a dark background. Orange is the most common lead accent, on 17% of them. 26% use no accent at all and lean on black, white and greys instead.

Using a palette

Click any swatch to copy its hex. CSS copies the palette as custom properties (--background, --accent). Tailwind copies a v4 @theme block, which gives you classes like bg-accent. Open a site to see its full page and what each section does.