Tiffany & Co. color palette
FashionTiffany & Co.'s color identity is defined by its iconic Tiffany Blue, a distinctive robin's-egg blue that is instantly recognizable and synonymous with luxury. The palette is minimal, relying on crisp whites, subtle grays, and deep blacks to complement the signature blue.
tiffany.comTiffany & Co. colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Tiffany BluePrimary129, 216, 208
- Tiffany WhiteSecondary255, 255, 255
- Tiffany BlackAccent0, 0, 0
Surfaces
Page, cards and dividers.- Tiffany Light GrayBackground245, 245, 245
- Tiffany Pale GraySurface230, 230, 230
- Tiffany Silver GrayBorder209, 211, 212
Text
Three tiers of copy.- Tiffany CharcoalText26, 26, 26
- Tiffany Medium GraySecondary text92, 92, 92
- Tiffany Muted GrayMuted text167, 169, 172
Semantic
Feedback and state colors.- Tiffany MintSuccess111, 195, 178
- Tiffany GoldWarning255, 215, 0
- Tiffany RedError193, 39, 45
- Tiffany Deep BlueInfo0, 156, 166
Use Tiffany & Co.'s colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
tiffany-and-co-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #009CA6;
--error: #C1272D;
--accent: #000000;
--border: #D1D3D4;
--primary: #81D8D0;
--success: #6FC3B2;
--surface: #E6E6E6;
--warning: #FFD700;
--secondary: #FFFFFF;
--text-muted: #A7A9AC;
--background: #F5F5F5;
--text-primary: #1A1A1A;
--text-secondary: #5C5C5C;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
16.0:1
Pass
Text on surface
Needs 4.5:1 for body text
13.9:1
Pass
Secondary text on background
Needs 4.5:1 for body text
6.1:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
5.4:1
Pass
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
Tiffany & Co. gray and neutral colors
The quiet part of the Tiffany & Co. palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Tiffany Light GrayBackground
- HEX
- RGB
- HSL
- Tiffany Pale GraySurface
- HEX
- RGB
- HSL
- Tiffany Silver GrayBorder
- HEX
- RGB
- HSL
- Tiffany CharcoalText
- HEX
- RGB
- HSL
- Tiffany Medium GraySecondary text
- HEX
- RGB
- HSL
- Tiffany Muted GrayMuted text
- HEX
- RGB
- HSL
About Tiffany & Co.'s colors
Tiffany & Co.'s palette is centered on its custom blue, supported by neutral whites and grays for a clean, elegant look. The restrained use of color emphasizes luxury and timelessness.
Tiffany Blue is always paired with white for maximum contrast.
Grays are used to soften transitions and borders.
Black is reserved for text and fine details.
Psychology
Tiffany Blue evokes feelings of exclusivity, sophistication, and trust. The neutral tones reinforce clarity and understated elegance.
Evolution
The Tiffany Blue has remained unchanged since its introduction in 1845, becoming a registered color trademark. The supporting palette has shifted subtly to lighter grays and cleaner whites for modern digital use.
Where Tiffany & Co. uses each color
- Primary
Tiffany Blue is used on boxes, shopping bags, and as a highlight on the website.
- Secondary
Tiffany White is the main background color for web pages and printed materials.
- Accent
Tiffany Black is used for body text, navigation, and logo details.
- Backgrounds
Tiffany Light Gray appears in section backgrounds and overlays.
- Text
Tiffany Charcoal is the default for headings and primary text, while Medium and Muted Grays are for secondary and disabled text.
- Semantic
Tiffany Mint, Gold, Red, and Deep Blue are used for status indicators and notifications in digital interfaces.
Tiffany & Co. color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Tiffany & Co. brand color hex code is #81D8D0, known as Tiffany Blue. This color is trademarked and central to the brand's identity.
Tiffany Blue's RGB is (129, 216, 208) and its CMYK is (48, 0, 20, 0). The hex code is #81D8D0.
Tiffany & Co. uses a range of grays, including Tiffany Light Gray (#F5F5F5), Pale Gray (#E6E6E6), Silver Gray (#D1D3D4), Medium Gray (#5C5C5C), and Muted Gray (#A7A9AC). These provide subtle contrast and support the primary blue.
Tiffany Blue (#81D8D0) should be the dominant highlight or background, with whites and grays for structure and black for text. Accent and semantic colors are reserved for notifications or functional UI elements.
The secondary color is Tiffany White, #FFFFFF, and the accent is Tiffany Black, #000000. Together with the primary they make up the three brand colors at the top of this page.
4 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 Tiffany & Co.'s colors consistently when it generates UI.
Make something in the spirit of Tiffany & Co.
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.