# Pinterest

> `pinterest@1.0.0`

Pinterest is the visual-discovery platform — a place to find ideas for cooking, style, home, travel, and projects. Founded in 2010, Pinterest's brand voice is warm, optimistic, and inspiration-first. Visually, the identity is anchored on Pinterest Red (#E60023) — the saturated red that has carried the Pinterest "P" mark since the company's founding. The supporting system is intentionally recessive: white canvas, near-black text, and a tight set of UI grays let the user's pinned imagery — the actual content — carry the visual weight of every surface.


**Tags:** `social`, `discovery`, `pinterest`, `red`, `light-first`, `consumer-tech`

## Atoms

### Palette

**Pinterest** · `pinterest@1.0.0` · Proprietary — All Rights Reserved

> Pinterest corporate palette, anchored on Pinterest Red (#E60023) — the saturated red that has carried the Pinterest "P" mark and the wordmark since the company's founding. The brand is light-first: the canonical Pinterest product surface is white with the Red used on the mark, the "Save" pin button, and the highest-priority calls to action. The supporting system is a small set of neutrals that let pinned imagery — Pinterest's actual content — carry the visual weight of every surface. 

### Fonts

| Role | Font | License | Classification |
|------|------|---------|----------------|
| `heading` | **Pinterest Sans** `(pinterest-sans@1.0.0)` | Proprietary — All Rights Reserved | sans-serif |
| `body` | **Pinterest Sans** `(pinterest-sans@1.0.0)` | Proprietary — All Rights Reserved | sans-serif |
| `mono` | **JetBrainsMono Nerd Font** `(jetbrainsmono-nerdfont@1.0.0)` | OFL-1.1 | monospace |

## Swatches

| ID | Name | Value |
|----|------|-------|
| `pinterest-red` | Pinterest Red | `#E60023` |
| `pinterest-red-dark` | Pinterest Red Dark | `#AD081B` |
| `pinterest-white` | Pinterest White | `#FFFFFF` |
| `pinterest-near-white` | Pinterest Near-White | `#F9F9F9` |
| `pinterest-text-primary` | Pinterest Text Primary | `#111111` |
| `pinterest-text-secondary` | Pinterest Text Secondary | `#5F5F5F` |
| `pinterest-text-tertiary` | Pinterest Text Tertiary | `#767676` |
| `pinterest-divider-light` | Pinterest Divider Light | `#EFEFEF` |
| `pinterest-canvas-dark` | Pinterest Canvas Dark | `#111111` |
| `pinterest-surface-dark` | Pinterest Surface Dark | `#1F1F1F` |
| `pinterest-surface-elevated-dark` | Pinterest Surface Elevated Dark | `#2A2A2A` |
| `pinterest-text-on-dark` | Pinterest Text on Dark | `#E9E9E9` |
| `pinterest-text-secondary-dark` | Pinterest Text Secondary on Dark | `#B0B0B0` |
| `pinterest-green` | Pinterest Green | `#0FA573` |
| `pinterest-yellow` | Pinterest Yellow | `#E8B021` |

## Mode role mappings

### Light mode

| Role | Swatch | Hex |
|------|--------|-----|
| `background` | `pinterest-white` | `#FFFFFF` |
| `surface` | `pinterest-near-white` | `#F9F9F9` |
| `surface-elevated` | `pinterest-white` | `#FFFFFF` |
| `text-primary` | `pinterest-text-primary` | `#111111` |
| `text-secondary` | `pinterest-text-secondary` | `#5F5F5F` |
| `text-tertiary` | `pinterest-text-tertiary` | `#767676` |
| `primary` | `pinterest-red` | `#E60023` |
| `primary-hover` | `pinterest-red-dark` | `#AD081B` |
| `accent` | `pinterest-red` | `#E60023` |
| `accent-hover` | `pinterest-red-dark` | `#AD081B` |
| `warning` | `pinterest-yellow` | `#E8B021` |
| `warning-hover` | `pinterest-yellow` | `#E8B021` |
| `error` | `pinterest-red` | `#E60023` |
| `success` | `pinterest-green` | `#0FA573` |

### Dark mode

| Role | Swatch | Hex |
|------|--------|-----|
| `background` | `pinterest-canvas-dark` | `#111111` |
| `surface` | `pinterest-surface-dark` | `#1F1F1F` |
| `surface-elevated` | `pinterest-surface-elevated-dark` | `#2A2A2A` |
| `text-primary` | `pinterest-text-on-dark` | `#E9E9E9` |
| `text-secondary` | `pinterest-text-secondary-dark` | `#B0B0B0` |
| `text-tertiary` | `pinterest-text-secondary-dark` | `#B0B0B0` |
| `primary` | `pinterest-red` | `#E60023` |
| `primary-hover` | `pinterest-red-dark` | `#AD081B` |
| `accent` | `pinterest-red` | `#E60023` |
| `accent-hover` | `pinterest-red-dark` | `#AD081B` |
| `warning` | `pinterest-yellow` | `#E8B021` |
| `warning-hover` | `pinterest-yellow` | `#E8B021` |
| `error` | `pinterest-red` | `#E60023` |
| `success` | `pinterest-green` | `#0FA573` |

## Brand semantic roles

### Colors

| Role | Swatch | Hex |
|------|--------|-----|
| `identity` | `pinterest-red` | `#E60023` |
| `on-identity` | `pinterest-white` | `#FFFFFF` |
| `primary` | `pinterest-red` | `#E60023` |
| `primary-hover` | `pinterest-red-dark` | `#AD081B` |
| `accent` | `pinterest-red` | `#E60023` |
| `accent-hover` | `pinterest-red-dark` | `#AD081B` |
| `success` | `pinterest-green` | `#0FA573` |
| `warning` | `pinterest-yellow` | `#E8B021` |
| `error` | `pinterest-red` | `#E60023` |
| `background-light` | `pinterest-white` | `#FFFFFF` |
| `background-dark` | `pinterest-canvas-dark` | `#111111` |
| `surface-light` | `pinterest-near-white` | `#F9F9F9` |
| `surface-dark` | `pinterest-surface-dark` | `#1F1F1F` |
| `surface-elevated-dark` | `pinterest-surface-elevated-dark` | `#2A2A2A` |
| `text-primary-light` | `pinterest-text-primary` | `#111111` |
| `text-primary-dark` | `pinterest-text-on-dark` | `#E9E9E9` |
| `text-secondary-light` | `pinterest-text-secondary` | `#5F5F5F` |
| `text-secondary-dark` | `pinterest-text-secondary-dark` | `#B0B0B0` |
| `divider` | `pinterest-divider-light` | `#EFEFEF` |

### Typography

| Role | Font role key |
|------|---------------|
| `display` | `heading` |
| `prose` | `body` |
| `code` | `mono` |

## Rules

### 🛑 error (8)

#### `colorChoice` → `logo.mark`

- **allowed:** pinterest-red, pinterest-white, pinterest-text-primary
- **forbidden:** any-non-brand-color, pinterest-yellow, pinterest-green

> The Pinterest "P" mark and wordmark render in Pinterest Red, white (on dark surfaces), or near-black (in monochrome contexts). The status accents (yellow, green) are reserved for product affordances and never recolor the mark. 

#### `forbiddenTreatment` → `logo`

- **treatments:** stretched, rotated, recolored, drop-shadow, on-busy-photo, inverted-without-variant, cropped, p-redrawn

> Pinterest's brand guidelines prescribe the "P" mark and wordmark in approved variants only. Recoloring, redrawing, or applying decorative effects violates the brand-use policy published at newsroom.pinterest.com. 

#### `variantSelection` → `logo`

- **use:** `p-white`
- **when:** `backgroundColorScheme="dark"`

> On dark surfaces, the "P" mark renders in white for legibility. Pinterest Red on dark canvas can lose legibility against photographic pin imagery; the white variant is required. 

#### `variantSelection` → `logo`

- **use:** `p-red`
- **when:** `backgroundColorScheme="light"`

> On light surfaces, the "P" mark renders in Pinterest Red — the canonical brand application on pinterest.com and across marketing materials. 

#### `contrastRatio` → `text-primary`

- **against:** `background`
- **minRatio:** `4.5`
- **standard:** `WCAG-AA`

> WCAG 2.1 Level AA contrast minimum for body text. Pinterest's near-black text (#111111) on Pinterest White clears AA comfortably; the dark-mode text tone (#E9E9E9) on the dark canvas also clears AA. 

#### `contrastRatio` → `roles.colors.primary`

- **against:** `background`
- **minRatio:** `4.5`
- **standard:** `WCAG-AA`

> Pinterest Red (#E60023) on white reads at ~5.4:1 — clearing WCAG AA for body-text contrast. CTA buttons and the "Save" affordance must hold this threshold; failure compromises the interactive contract Pinterest's product depends on. 

#### `contextRestriction` → `roles.colors.identity`

- **forbiddenContexts:** product-of-competitor, merchandise, endorsement-implication, busy-photographic-overlay

> Pinterest's brand-use guidance restricts use of the "P" mark and wordmark in ways that imply affiliation, on competing-product surfaces, on third-party merchandise without license, or directly over busy photographic pin imagery where the mark loses contrast. 

#### `accessibilityRequirement` → `*`

- **standard:** `WCAG-AA`
- **criterion:** `1.4.3`

> WCAG 2.1 Success Criterion 1.4.3 (Contrast Minimum) — Level AA. The light-first canvas combined with photographic content surfaces makes contrast verification mandatory on every new role pairing. 

### ⚠️ warning (1)

#### `enumMembership` → `typography.heading.fontWeight`

- **allowed:** 500, 600, 700, 800

> Pinterest's display typography sits in the Medium (500) through Extra-Bold (800) band on the marketing surface and the product UI. Lighter cuts compromise the warm-but-confident voice the brand depends on. 

### 💡 recommendation (1)

#### `compositionConstraint` → `roles.colors.identity`

- **pairsWith:** pinterest-white, pinterest-near-white, pinterest-text-primary
- **doesNotPairWith:** pinterest-yellow

> Pinterest Red pairs cleanly with the warm-white canvas and the near-black text tone. Pairing Red with Yellow creates an unintended hot saturation that fights the inspirational, calm voice the platform's marketing depends on; reserve yellow for editorial accents on a neutral canvas. 

## Provenance

- **Source:** <https://newsroom.pinterest.com/en/brand-guidelines>
- **License:** `Proprietary — All Rights Reserved`
- **Attribution:** Pinterest, the Pinterest "P" mark, and the Pinterest wordmark are registered trademarks of Pinterest, Inc. Pinterest Red (#E60023) is documented across Pinterest's brand guidelines on the Pinterest newsroom and independently verified via the simple-icons brand database, which cites pinterest.com as the source. Pinterest Sans is Pinterest's proprietary corporate typeface and is referenced here with a public-web fallback to Inter when the licensed file is unavailable. 
- **Imported:** `2026-05-18`
- **Notes:** Pinterest's brand voice intentionally recedes behind the user's pins: a tight palette of one red, one white, one near-black, and a handful of UI grays is the entire brand surface. The dark-mode role mapping is an authored inversion supporting Pinterest's user-selectable dark theme; the canonical brand canvas remains light-first. 

---

*Generated by the brand-atoms converter. Source: `pinterest@1.0.0` from the encyclopedia.*