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

メッセージ通信通話プライバシーグローバル

Meta Platforms, Inc.のWhatsApp（WhatsApp）ブランドカラーパレット。公式サイト、ブランドリソース、ブランドカラー資料を参考に、ロゴやWebデザインで使われる代表色（#25D366、#128C7E、#075E54、#DCF8C6）を整理しています。

メッセージングアプリ。世界中で使われ、テキスト、音声通話、ビデオ通話などを無料で利用できます。エンドツーエンド暗号化も特徴です。

#25D366

#128C7E

#075E54

#DCF8C6

#25D366

#128C7E

#075E54

#DCF8C6

参考情報

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

このパレットを使用する

CSS変数

:root {
  --color-1: #25D366;
  --color-2: #128C7E;
  --color-3: #075E54;
  --color-4: #DCF8C6;
}

Tailwind CSS

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        palette: {
      '1': '#25D366',
      '2': '#128C7E',
      '3': '#075E54',
      '4': '#DCF8C6',
        }
      }
    }
  }
}

類似パレット

夏草の道

夏草原自然+1

#008080

徳島線

ティールJR四国徳島+1

抹茶和菓子

抹茶和菓子緑+1

#00a684

加古川線

ティール緑JR西日本+1

#00704A

#FFFFFF

#1E3932

スターバックス

カフェコーヒー飲食+2

#339966

予土線

緑JR四国予土+1

メッセージ通信通話プライバシーグローバル

メッセージングアプリ。世界中で使われ、テキスト、音声通話、ビデオ通話などを無料で利用できます。エンドツーエンド暗号化も特徴です。

#25D366

#128C7E

#075E54

#DCF8C6

#25D366

#128C7E

#075E54

#DCF8C6

参考情報

このパレットを使用する

CSS変数

:root {
  --color-1: #25D366;
  --color-2: #128C7E;
  --color-3: #075E54;
  --color-4: #DCF8C6;
}

Tailwind CSS

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        palette: {
      '1': '#25D366',
      '2': '#128C7E',
      '3': '#075E54',
      '4': '#DCF8C6',
        }
      }
    }
  }
}