PlayStation Color Palette

Select any value to copy it.

• PlayStation Blue

  Primary

  #003791rgb(0, 55, 145)hsl(217, 100%, 28%)

  Closest in ArchiveCobalt Shadow Pure
  Closest in Archive: Cobalt Shadow Pure

• Triangle Green

  Accent

  #1FAA8Crgb(31, 170, 140)hsl(167, 69%, 39%)

  Closest in ArchiveLagoon Dusk Pure
  Closest in Archive: Lagoon Dusk Pure

• Circle Pink

  Accent

  #E83287rgb(232, 50, 135)hsl(332, 80%, 55%)

  Closest in ArchiveBlush Radiant Bright
  Closest in Archive: Blush Radiant Bright

• X Blue

  Accent

  #0070D1rgb(0, 112, 209)hsl(208, 100%, 41%)

  Closest in ArchiveSapphire Velvet Pure
  Closest in Archive: Sapphire Velvet Pure

• Square Purple

  Accent

  #A363D9rgb(163, 99, 217)hsl(273, 61%, 62%)

  Closest in ArchivePlum Tone Clear
  Closest in Archive: Plum Tone Clear

Can it carry text? (WCAG contrast)

Each color as text on white and on black. AA means body text passes. Select a ratio to open the pair in the contrast checker.

• PlayStation BlueAaon white10.74:1AAPlayStation Blue: Open in contrast checkerAaon black1.96:1Not for textPlayStation Blue: Open in contrast checker
• Triangle GreenAaon white2.92:1Not for textTriangle Green: Open in contrast checkerAaon black7.19:1AATriangle Green: Open in contrast checker
• Circle PinkAaon white4.01:1Large text onlyCircle Pink: Open in contrast checkerAaon black5.24:1AACircle Pink: Open in contrast checker
• X BlueAaon white4.95:1AAX Blue: Open in contrast checkerAaon black4.24:1Large text onlyX Blue: Open in contrast checker
• Square PurpleAaon white3.93:1Large text onlySquare Purple: Open in contrast checkerAaon black5.34:1AASquare Purple: Open in contrast checker

About this palette

PlayStation's four controller-button colors — green triangle, pink circle, blue X, purple square — have remained essentially unchanged since 1994. The palette doubles as Sony Interactive Entertainment's brand vocabulary: the four hues appear in marketing illustrations, packaging, and event signage. The supporting brand color is the cobalt blue (#003791) of the PlayStation wordmark.

Copy as code

Every token name carries the brand, so two brands can share one stylesheet.

:root {
  --playstation-blue: #003791;
  --playstation-triangle-green: #1faa8c;
  --playstation-circle-pink: #e83287;
  --playstation-x-blue: #0070d1;
  --playstation-square-purple: #a363d9;
}

@theme {
  --color-playstation-blue: #003791;
  --color-playstation-triangle-green: #1faa8c;
  --color-playstation-circle-pink: #e83287;
  --color-playstation-x-blue: #0070d1;
  --color-playstation-square-purple: #a363d9;
}

module.exports = {
  theme: {
    extend: {
      colors: {
        "playstation-blue": "#003791",
        "playstation-triangle-green": "#1faa8c",
        "playstation-circle-pink": "#e83287",
        "playstation-x-blue": "#0070d1",
        "playstation-square-purple": "#a363d9",
      },
    },
  },
};

Source: https://www.playstation.com/ · As of 2026-05-03 · This page is an unofficial reference. Color values are factual sRGB hex codes and not subject to copyright; the PlayStation name and any associated marks belong to their owner. Request removal via support.

More from Media & Entertainment