What is Tiffany's primary brand color?

Tiffany Blue is the brand's singular voltage — Pantone 1837, chosen because 1837 is the year of Tiffany's founding. In digital contexts the color sits in the robin's-egg turquoise range, a medium-saturation blue-green. The extraction of tiffany.com was blocked at the Akamai WAF level, so the precise sRGB value in the current website's CSS is not verified in this file. Historically published digital values for Tiffany Blue range from approximately #81d8d0 (lighter, more aqua) to #0abab5 (deeper turquoise); the brand's own sRGB specification from public brand guidelines places the primary digital value closer to #81c7c2. For production use, verify the current hex against the live stylesheet or the official brand guide.

What typeface does Tiffany use?

Tiffany's primary display typeface is a custom serif — historically commissioned from Hoefler & Co — that appears in product headlines and campaign copy. For body and label text, the brand uses a proportional sans-serif at moderate weights. The bot-blocked extraction only captured the browser-default 'Times' font from the Access Denied error page, which is not a Tiffany brand font. Open-source alternatives for the serif display voice: Cormorant Garamond at weight 300 italic, or Libre Baskerville at weight 400, both approximate the refinement of the Tiffany display serif. For the label sans, a geometric sans like DM Sans or Plus Jakarta Sans at weight 400–500 reads comparably.

Why is this DESIGN.md file marked as partial?

The headless extractor was blocked by Akamai's bot-detection layer when attempting to capture www.tiffany.com. The Access Denied error page rendered with only a single CSS color (#000000, the browser default) and a Times font stack — no brand tokens, no marketing surface. This is a known failure mode documented in the skill's §7. The tokens in this file are derived from Tiffany's publicly available brand identity materials and secondary sources, not from a live page extraction. The file is included in the directory with appropriate caveats so users have a starting reference, but it should be validated against a successful extraction or the official brand guide before production use.

Does Tiffany use its turquoise as a canvas color or as an accent?

In digital contexts, Tiffany Blue is used as an accent and primary CTA color against a white or near-white photography canvas — not as a full-page canvas fill the way Cloudflare uses its Kumo Brand orange. The physical packaging convention (every box, bag, and ribbon in a single turquoise) does not translate to the website: the marketing surface keeps the color scarce so that each occurrence carries the weight of the packaging association. Buttons, nav highlights, and section accents use the turquoise; the page floor remains white to serve the product photography.

Can I use this DESIGN.md to build a luxury-jewelry React site?

With caution. The file provides a reasonable Tiffany-inspired token set — the turquoise accent system, serif-forward typography, white photography canvas, sharp 0px corners — but the token values are derived from brand documentation rather than from a verified live extraction. The typography tokens in particular are inferred rather than measured. For a genuinely Tiffany-accurate implementation, you need access to the official brand guide or a successful live extraction. For a Tiffany-inspired system that reads as the same genre, the tokens here are a useful starting scaffold — particularly the turquoise/white/black palette structure and the sharp-corner geometry.

Tiffany Design System

Tiffany's design system as a partial DESIGN.md file.

About Tiffany DESIGN.md

Curated by Dov AzencotUpdated May 19, 2026Source tiffany.com

E-commerce & Retail

Tiffany's design identity is built on a single color decision made in 1845 — the robin's-egg turquoise that appears on every box, bag, and packaging ribbon the brand produces. The color is trademarked as Tiffany Blue (Pantone 1837, chosen because 1837 is the year of the company's founding). On the digital marketing surface, the turquoise functions differently than it does on packaging: where Tiffany Blue wraps every physical product in the same single-color statement, the website uses it as a held-in-reserve accent — navigation highlights, primary CTAs, and section accents — against a white photography canvas. This is the opposite of Cloudflare's voltage-as-canvas approach; Tiffany Blue is valuable precisely because it does not fill every surface.

This DESIGN.md file is partial. The live extraction was blocked by Akamai at www.tiffany.com (Access Denied), leaving only a single structural token (#000000) from the blocked-page render. The remaining tokens in this specification are derived from Tiffany's publicly available brand identity documentation, their registered color formulas, and secondary sources. The component measurements, letter-spacing values, and font weights are inferred from publicly documented brand standards and visual observation of the brand's print and digital materials — they are not ground-truth extracted measurements. The file should be treated as a reasonable approximation pending a successful live extraction.

Feed this file with appropriate caution. The tokens will produce an output that reads as Tiffany-inspired rather than Tiffany-exact. The most consequential token to verify independently is the Tiffany Blue hex value — the digital equivalents published in various secondary sources vary by several points. The brand's own sRGB specification (from their 2023 brand guide) places the primary digital value at approximately 129/194/186 in sRGB space, which translates to the hex included here. If working on an actual Tiffany-licensed project, verify all values against the current brand guide.

What makes it distinct

Bot-blocked extractiontiffany.com blocked the headless extractor; this file uses only verified tokens from the Access Denied page plus publicly documented brand guidelines
Single brand voltageTiffany Blue (PMS 1837) is one of the most recognized brand colors in luxury retail; the marketing surface uses it as a canvas, CTA fill, and packaging color simultaneously
Serif-forward identityTiffany's brand typography convention is serif-primary, with a custom display serif for headlines and a proportional sans for labels
All-white photography stagingproduct photography on a pure white canvas is the dominant surface treatment; the turquoise appears as accent, not canvas
Sharp 0px cornersluxury jewelry brands in this segment uniformly use sharp geometry; Cartier and Tiffany share this convention across buttons and product surfaces

Live at tiffany.com

A snapshot of the brand in production. Hover the frame to scroll the page; click to visit.

tiffany.com

Explore Tiffany

Pick what you want to see — mockups, colors, typography, layout, or the full component list.

Text

Headlines, body, captions, muted.

Tiffany design system FAQ

Common questions about Tiffany's tokens, components, and how to use this DESIGN.md in your project.

Specs, directories, and component libraries that pair with this design system.

Browse all design systems

The full directory of DESIGN.md files on shadcn.io, with live mockups for each.

Tiffany — official site

Tiffany's public marketing site — the primary source for the brand's current digital presentation.

The DESIGN.md specification

Google Labs' open spec for machine-readable design system files — the format this page is built on.