Off-White color palette
FashionOff-White's color identity is defined by a minimalist, high-contrast palette centered on stark black and white, reflecting its streetwear roots and industrial aesthetic. The brand uses these neutrals consistently across its website, packaging, and apparel, with occasional use of safety yellow as an accent.
off---white.comOff-White colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Off-White BlackPrimary0, 0, 0
- Off-White WhiteSecondary255, 255, 255
- Off-White Safety YellowAccent254, 221, 0
Surfaces
Page, cards and dividers.- Off-White Light GrayBackground247, 247, 247
- Off-White Pale GraySurface229, 229, 229
- Off-White Border GrayBorder204, 204, 204
Text
Three tiers of copy.- Off-White BlackText0, 0, 0
- Off-White Medium GraySecondary text110, 110, 110
- Off-White Muted GrayMuted text168, 168, 168
Semantic
Feedback and state colors.- Off-White GreenSuccess0, 146, 69
- Off-White Safety YellowWarning254, 221, 0
- Off-White RedError208, 2, 27
- Off-White BlueInfo59, 89, 152
Use Off-White's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
off-white-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #3B5998;
--error: #D0021B;
--accent: #FEDD00;
--border: #CCCCCC;
--primary: #000000;
--success: #009245;
--surface: #E5E5E5;
--warning: #FEDD00;
--secondary: #FFFFFF;
--text-muted: #A8A8A8;
--background: #F7F7F7;
--text-primary: #000000;
--text-secondary: #6E6E6E;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
19.6:1
Pass
Text on surface
Needs 4.5:1 for body text
16.7:1
Pass
Secondary text on background
Needs 4.5:1 for body text
4.8:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
4.0:1
Fail
Muted text on background
Needs 3:1 for large text
2.2:1
Fail
Muted text on surface
Needs 3:1 for large text
1.9:1
Fail
Off-White gray and neutral colors
The quiet part of the Off-White palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Off-White Light GrayBackground
- HEX
- RGB
- HSL
- Off-White Pale GraySurface
- HEX
- RGB
- HSL
- Off-White Border GrayBorder
- HEX
- RGB
- HSL
- Off-White BlackText
- HEX
- RGB
- HSL
- Off-White Medium GraySecondary text
- HEX
- RGB
- HSL
- Off-White Muted GrayMuted text
- HEX
- RGB
- HSL
About Off-White's colors
Off-White's palette is rooted in high-contrast black and white, with industrial yellow as a signature accent. This approach creates a utilitarian, instantly recognizable visual identity.
Primary black and white are used in strong contrast.
Safety yellow is reserved for highlights and branding cues.
Grays are used for UI elements and subtle backgrounds.
Psychology
The stark black and white evoke clarity, modernity, and a sense of authority. The safety yellow accent adds an industrial, cautionary edge that aligns with the brand's streetwear ethos.
Evolution
Off-White's color palette has remained largely stable since its inception, with black, white, and yellow consistently at the core. Occasional seasonal accents may appear, but the core palette is unchanged.
Where Off-White uses each color
- Primary
Used for logos, text, and main navigation backgrounds.
- Secondary
Applied to backgrounds, negative space, and product photography backdrops.
- Accent
Appears on tags, tape motifs, call-to-action buttons, and packaging details.
- Backgrounds
Light gray backgrounds are used for product grids and secondary UI surfaces.
- Text
Black for primary text, medium gray for secondary information, and muted gray for disabled or less prominent text.
- Semantic
Green, yellow, red, and blue are used for status indicators, alerts, and informational messages in digital interfaces.
Off-White color questions
Hex codes, RGB values, neutrals and how to use the palette.
The primary Off-White brand color is black, with the hex code #000000. This is used for logos and primary text.
Off-White Black (#000000) is RGB(0,0,0) and CMYK(0,0,0,100). It is the brand's foundational color.
Off-White uses a range of grays including #F7F7F7 (Light Gray), #E5E5E5 (Pale Gray), #CCCCCC (Border Gray), #6E6E6E (Medium Gray), and #A8A8A8 (Muted Gray) for backgrounds and UI elements.
Black and white should dominate layouts, with safety yellow (#FEDD00) reserved for accents and highlights. Grays provide structure and hierarchy in digital and print applications.
The secondary color is Off-White White, #FFFFFF, and the accent is Off-White Safety Yellow, #FEDD00. Together with the primary they make up the three brand colors at the top of this page.
3 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 Off-White's colors consistently when it generates UI.
Make something in the spirit of Off-White
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.