Pinterestのカラーパレット - カラーデザイン

SNS画像インスピレーションライフスタイルクリエイティブ

Pinterest, Inc.のPinterest（Pinterest）ブランドカラーパレット。公式サイト、ブランドリソース、ブランドカラー資料を参考に、ロゴやWebデザインで使われる代表色（#E60023、#BD081C、#600000、#111111）を整理しています。

画像をコレクションして共有するビジュアルプラットフォーム。DIY、料理、ファッションなどインスピレーションを得るために世界中で利用されています。

#E60023

#BD081C

#600000

#111111

#E60023

#BD081C

#600000

#111111

参考情報

ブランドカラーは用途や媒体によって指定が分かれる場合があります。ロゴ、商標、広告利用では各社の最新ブランドガイドラインを確認してください。

このパレットを使用する

CSS変数

:root {
  --color-1: #E60023;
  --color-2: #BD081C;
  --color-3: #600000;
  --color-4: #111111;
}

Tailwind CSS

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        palette: {
      '1': '#E60023',
      '2': '#BD081C',
      '3': '#600000',
      '4': '#111111',
        }
      }
    }
  }
}

類似パレット

すべて見る

#E40018

#000000

KFC

フライドチキンファストフードチェーン+2

#cf1225

万葉まほろば線

赤JR西日本万葉+1

#cb342e

山陽線（広島〜岩国）

赤JR西日本山陽+1

#ED1C23

函館本線（札幌〜長万部）

赤JR北海道函館本線+1

#9C1618

高山本線（JR東海）

赤JR東海高山+1

#F62E36

JR九州

赤JR九州ロゴ+1

SNS画像インスピレーションライフスタイルクリエイティブ

#E60023

#BD081C

#600000

#111111

#E60023

#BD081C

#600000

#111111

参考情報

このパレットを使用する

CSS変数

:root {
  --color-1: #E60023;
  --color-2: #BD081C;
  --color-3: #600000;
  --color-4: #111111;
}

Tailwind CSS

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        palette: {
      '1': '#E60023',
      '2': '#BD081C',
      '3': '#600000',
      '4': '#111111',
        }
      }
    }
  }
}