Pinterest colors

Pinterest color codes

Select a color to open its own page with tints, shades, harmonies and every color format, or open the whole set in the palette generator.

Where the Pinterest colors come from

Pinterest does not publish hex values in public brand guidelines, so these were read from the code of its live website (stylesheets and the SVG files it serves) on 16 October 2026. They are the colors www.pinterest.com actually renders, which can differ slightly from print or logo colors.

Pinterest Red comes from the CSS of pinterest.com. Black #111111 on Gray-warm #F3F3EF is the color theme of Pinterest’s brand guidelines page.

• Source (live website CSS or SVG): https://s.pinimg.com/webapp/gestalt-32bf27fa9f5dfa2c.css checked 2026-10-16
• Also: https://business.pinterest.com/brand-guidelines/ checked 2026-10-16

Pinterest color contrast

White text on Pinterest Red has a contrast ratio of 4.78:1 and passes WCAG AA for body text. Used as a text color, Pinterest Red reaches 4.78:1 on white and 4.38:1 on black. Ratios are WCAG 2 (truncated, never rounded up); APCA Lc is shown as a second opinion.

Pinterest colors in CSS and Tailwind

Copy the Pinterest palette as CSS custom properties or as a Tailwind CSS v4 theme. The last snippet is an 11-step Tailwind scale (50 to 950) generated in OKLCH from Pinterest Red, for hover states, borders and tinted backgrounds.

:root {
  --pinterest-red: #E60023;
  --pinterest-black: #111111;
  --pinterest-gray-warm: #F3F3EF;
  --pinterest-white: #FFFFFF;
}

@import "tailwindcss";

@theme {
  --color-pinterest-red: #E60023;
  --color-pinterest-black: #111111;
  --color-pinterest-gray-warm: #F3F3EF;
  --color-pinterest-white: #FFFFFF;
}

@theme {
  --color-pinterest-50: #FFF2F1;
  --color-pinterest-100: #FEE3DF;
  --color-pinterest-200: #FECBC5;
  --color-pinterest-300: #FEA59D;
  --color-pinterest-400: #F96F67;
  --color-pinterest-500: #F13B3D;
  --color-pinterest-600: #E60023;
  --color-pinterest-700: #B7001A;
  --color-pinterest-800: #980013;
  --color-pinterest-900: #7C0E14;
  --color-pinterest-950: #490D0D;
}

Named colors closest to the Pinterest palette

The nearest named color to each brand color, measured as perceptual distance (ΔE OK) in OKLab. Under 0.02 is hard to tell apart; above 0.05 the difference is easy to see.

How to use a Pinterest-style palette

• Lead with Pinterest Red #E60023 for buttons, links and key highlights, with white text on it.
• Give most of the layout to Black #111111, Gray-warm #F3F3EF and White #FFFFFF, about 60% of the screen, so Pinterest Red stands out.
• With a single brand color, use tints and shades of Pinterest Red (the Tailwind scale above) instead of extra hues.
• As text on a white page, Pinterest Red reaches 4.78:1: it passes WCAG AA for body text.

To see how www.pinterest.com uses these colors today, including backgrounds, text and dark mode, run it through the website color extractor. To turn Pinterest Red into a full light and dark color system with accessible roles, open it in the Color System Studio.

More brand colors

• Facebook colors#0866FF #0064E0 #111112 #686A6E
• Discord colors#5865F2 #E0E3FF #000000
• Instagram colors#0095F6 #262626 #8E8E8E #FAFAFA
• TikTok colors#FE2C55 #2DCCD3 #000000 #FFFFFF
• X (Twitter) colors#000000 #FFFFFF #1D9BF0 #141414
• LinkedIn colors#0A66C2 #231F20 #FFFFFF
• Telegram colors#2AABEE #229ED9 #0088CC #2481CC
• WhatsApp colors#25D366 #43CD66 #103928 #FCF5EB
• Reddit colors#FF4500
• Snapchat colors#FFFC00 #000000 #FFFFFF
• Tiffany colors#81D8D0 #000000 #00A4B7
• Pepsi colors#0000FE #0025FF #0E0E96 #FF1400

Trademarks

Frequently asked questions