Bath & Body Works color palette
ConsumerBath & Body Works uses a bold, instantly recognizable blue and white palette accented by pinks and soft neutrals. The brand's color identity is consistent across retail, packaging, and digital experiences.
bathandbodyworks.comBath & Body Works colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- BBW BluePrimary0, 84, 166
- BBW WhiteSecondary255, 255, 255
- BBW PinkAccent226, 24, 125
Surfaces
Page, cards and dividers.- BBW Light GrayBackground247, 247, 247
- BBW Pale GraySurface242, 242, 242
- BBW Border GrayBorder214, 214, 214
Text
Three tiers of copy.- BBW CharcoalText34, 34, 34
- BBW Medium GraySecondary text74, 74, 74
- BBW Muted GrayMuted text136, 136, 136
Semantic
Feedback and state colors.- BBW GreenSuccess76, 176, 80
- BBW YellowWarning255, 194, 14
- BBW RedError208, 2, 27
- BBW Info BlueInfo46, 123, 207
Use Bath & Body Works's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
bath-and-body-works-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #2E7BCF;
--error: #D0021B;
--accent: #E2187D;
--border: #D6D6D6;
--primary: #0054A6;
--success: #4CB050;
--surface: #F2F2F2;
--warning: #FFC20E;
--secondary: #FFFFFF;
--text-muted: #888888;
--background: #F7F7F7;
--text-primary: #222222;
--text-secondary: #4A4A4A;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
14.9:1
Pass
Text on surface
Needs 4.5:1 for body text
14.2:1
Pass
Secondary text on background
Needs 4.5:1 for body text
8.3:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
7.9:1
Pass
Muted text on background
Needs 3:1 for large text
3.3:1
Pass
Muted text on surface
Needs 3:1 for large text
3.2:1
Pass
Bath & Body Works gray and neutral colors
The quiet part of the Bath & Body Works palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- BBW Light GrayBackground
- HEX
- RGB
- HSL
- BBW Pale GraySurface
- HEX
- RGB
- HSL
- BBW Border GrayBorder
- HEX
- RGB
- HSL
- BBW CharcoalText
- HEX
- RGB
- HSL
- BBW Medium GraySecondary text
- HEX
- RGB
- HSL
- BBW Muted GrayMuted text
- HEX
- RGB
- HSL
About Bath & Body Works's colors
Bath & Body Works' palette centers on a vibrant blue, contrasted with clean white and energetic pink. The colors evoke freshness, approachability, and a playful retail atmosphere.
Primary blue and white create strong brand recognition.
Accent pink is used for promotions and highlights.
Neutrals support product imagery and readability.
Psychology
The deep blue conveys trust and dependability, while the pink accent adds a sense of fun and excitement. The use of white and soft grays keeps the brand feeling clean and accessible.
Evolution
The core blue and white palette has remained consistent since the brand's inception. Accent colors and neutrals have been refined for digital clarity and modern retail environments.
Where Bath & Body Works uses each color
- Primary
BBW Blue is used in the logo, navigation bars, and key call-to-action buttons.
- Secondary
BBW White is the main background for packaging, website sections, and signage.
- Accent
BBW Pink highlights promotions, sales, and special offers both online and in-store.
- Backgrounds
BBW Light Gray and Pale Gray are used for page backgrounds and section dividers.
- Text
BBW Charcoal and Medium Gray are used for primary and secondary text, with Muted Gray for less prominent information.
- Semantic
BBW Green, Yellow, Red, and Info Blue are reserved for status indicators, alerts, and notifications in digital interfaces.
Bath & Body Works color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Bath & Body Works primary brand color is BBW Blue, hex code #0054A6. This color is used prominently in the logo and navigation.
BBW Blue (#0054A6) in RGB is (0, 84, 166). For CMYK, it is approximately (100, 49, 0, 35).
Bath & Body Works uses BBW Light Gray (#F7F7F7), Pale Gray (#F2F2F2), Border Gray (#D6D6D6), Medium Gray (#4A4A4A), and Muted Gray (#888888) throughout its UI and packaging. These neutrals support readability and product focus.
Use BBW Blue (#0054A6) for primary branding elements, BBW White (#FFFFFF) for backgrounds, and BBW Pink (#E2187D) for accents. Neutrals and semantic colors should support legibility and clear status communication.
The secondary color is BBW White, #FFFFFF, and the accent is BBW Pink, #E2187D. Together with the primary they make up the three brand colors at the top of this page.
6 of 6 text and background pairings meet WCAG 2.1 AA contrast. The contrast section above shows every pairing with its exact ratio.
Use the export block on this page. It gives you CSS custom properties, a Tailwind config, W3C design tokens or a shadcn/ui theme built from these exact hex values, with copy and download buttons.
Yes. Export the Claude Code skill, Cursor rules or Codex prompt from the same block. The agent then applies Bath & Body Works's colors consistently when it generates UI.
Make something in the spirit of Bath & Body Works
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.