おすすめグラフィティ色パレット20選｜HEXコード付き

グラフィティカラーパレットはインパクト重視で作られています：大胆な色合い、はっきりとしたコントラスト、そして壁に塗りたてのペンキのようなアクセントが特徴です。

以下は、ポスター、ブランディング、UI、グッズ、ソーシャルグラフィックに使えるHEXコード付きのグラフィティ風の配色アイデア20選です。

なぜグラフィティパレットがよく機能するのか

グラフィティパレットは素早く見えるように設計されています―しばしば遠くから、動いている通りで、レンガやタイル、金属のような賑やかな質感の上でも。だからこそ、強いコントラストと高彩度のスプレーペイントトーンが、重ねても視認性を保てるようになっています。

また、派手な色と実用的な構成をバランスよく使います。深いブラックやチャコール、クールなネイビーはアウトラインやタイポグラフィに「インク」として機能し、ネオンやキャンディ系のアクセントはストリートアートを生き生きと見せるパンチに。

このスタイル自体が表現力豊かなので、グラフィティの配色はポスターやブランドの新商品、サムネイル、ソーシャルグラフィックなど、注目を集めたい現代的なデザインに特によく合います。

20種類以上のグラフィティカラーパレットアイデア（HEXコード付き）

1) サブウェイパンチ

HEX: #ff2d55 #00e5ff #ffe600 #1a1a1a #ffffff

雰囲気: エレクトリック、派手、ストリート向け

おすすめ用途: ストリートポスターの見出しやイベント告知

鮮烈でパンチのあるこのセットは、強い光の下でタイル貼りの地下鉄の壁に新しいペンキが当たったような印象。遠くからでもすぐ読める必要があるポスター向きです。グラフィティらしい配色にするなら黒をベースにして、ピンクとシアンで視線を競わせましょう。使用のコツ：黄色は小さなハイライトやアイコンにだけ使い、シャープに見せて雑多にならないようにしましょう。

media.ioで生成したサブウェイパンチの画像例

Media.io

Media.ioは、ブラウザ上で動画・画像・音声の作成や編集ができるオンラインAIスタジオです。

今すぐ無料で試す

2) コンクリートパステル

HEX: #f7b7c7 #a7f0ba #b9c7ff #f2f2f2 #2b2b2b

雰囲気: 柔らかい、遊び心、モダン

おすすめ用途: アプリのオンボーディング画面やライフスタイルUI

コンクリートのベースに淡いパステルが重なり、明るい朝の壁にチョークで描かれたタグをイメージ。やさしいコントラストは、驚きよりも明瞭さが求められるUIに最適です。背景のグレーホワイトとパステル1色を主役に、他はマイクロインタラクションで使いましょう。使用のコツ：チャコールは本文テキストやナビゲーションだけに使用し、スクリーンが重くならないように。

media.ioで生成したコンクリートパステルの画像例

3) ラスト＆ティールタグ

HEX: #d04a2a #0aa6a6 #f3c969 #111827 #f8fafc

雰囲気: 荒々しい、暖色-寒色コントラスト

おすすめ用途: コーヒーショップやスタジオのブランドアイデンティティ

ざらついたラスト（錆色）とクールなティールは、何重にもタグを重ねた古びた金属ドアをイメージ。温かみと冷たさのコントラストで、ロゴにエネルギーを与えつつもネオンに寄せ過ぎません。ネイビーを主軸に、ティールを主ボタンに、ラストをCTAに使いましょう。使用のコツ：印刷テストは必須。ラストは非コート紙上ですぐに暗くなりがちです。

media.ioで生成したラスト＆ティールタグの画像例

4) 夜の路地の輝き

HEX: #7c3aed #22c55e #f97316 #0b0f19 #e5e7eb

雰囲気: ムーディー、ルミナス、夜行性

おすすめ用途: アルバムカバーやナイトライフ告知

ムーディーで明るいこの組み合わせは、暗い路地にネオンサインと新しいオレンジのタグが光る雰囲気を感じさせます。深みを損なわずに輝きを得たいカバーやポスターに最適です。バイオレットを主とし、グリーンはパンチの効いたアクセントに。使用のコツ：ほぼ黒からバイオレットへの細やかなグラデーションで夜の雰囲気を強化しましょう。

media.ioで生成した夜の路地の輝きの画像例

5) クロームマーカー

HEX: #c0c0c0 #2d2d2d #ff4d8d #4dffdf #ffffff

雰囲気: 洗練、光沢、高コントラスト

おすすめ用途: マーカーのパッケージや商品広告

クロームトーンにキャンディカラーアクセントが加わり、光を反射するメタリックマーカーインクを思わせる高級感。商品広告やパッケージデザインに最適です。シルバーと白を主要面に使い、ピンクやアクアをラベルや主張箇所で強調。使用のコツ：グラデーションは目立たせすぎず、クローム効果が見出しと競合しないように。

media.ioで生成したクロームマーカーの画像例

6) レンガ壁の夕焼け

HEX: #ff6b35 #f7c59f #ef476f #3a86ff #1d1d1d

雰囲気: 暖かい、表現力、エネルギッシュ

おすすめ用途: フェスフライヤーや地域イベント

温かく表現豊かなこのパレットは、夕陽がレンガ壁を照らし、新しいペンキがまだ輝いているような雰囲気。オレンジやローズは親しみを与え、ブルーがモダンなバランス役です。文字やアウトラインにはチャコールを使用し、賑やかなレイアウトでも視認性を保てます。使用のコツ：ウォーム系は主役カラー１つ、もう１つはシャドウやサブカラーに。

media.ioで生成したレンガ壁の夕焼けの画像例

7) ライムスタティック

HEX: #b6ff00 #00ff85 #00b3ff #ff006e #0a0a0a

雰囲気: ハイパー、未来的、強インパクト

おすすめ用途: eスポーツ配信オーバーレイやストリームグラフィック

ハイパーで未来的なこの色合いは、ストロボの下のノイズ混じりのタグのよう。ブラックベースは明るい色を際立たせ、素早い動きのあるコンテンツに最適です。主役は2色に絞り、他はアラートや状態変化で使用。使用のコツ：明るい文字のまわりはスペースをしっかり取り、ダーク背景とぶつかってちらつかないように。

media.ioで生成したライムスタティックの画像例

8) かすんだメトロ

HEX: #6b7280 #9ca3af #f59e0b #10b981 #111827

雰囲気: くすみ、都会的、エディトリアル

おすすめ用途: 雑誌の見開きやブログのヘッダー

くすんだ都会の雰囲気で、塗装のディテールがうっすら見える霧の中のプラットフォームをイメージ。グレー系がエディトリアルな基調を作り、アンバーとグリーンがさりげなく個性をプラス。タイポグラフィやグリッドにはネイビー、アンバーは見出しや引用に使いましょう。使用のコツ：背景はライトグレーにして寒々しさを軽減。

media.ioで生成したかすんだメトロの画像例

9) キャンディードリップ

HEX: #ff5ac8 #ff8a00 #ffd60a #00d4ff #2f2f2f

雰囲気: 甘い、大胆、ポップアート

おすすめ用途: ステッカーパックやSNSプロモ用

甘くてインパクトがある配色は、塗りたての作品を流れる艶やかなドリップを思わせます。明るい組み合わせは遊び心あるステッカーやSNSプロモに最適。ウォーム系リード1色を選び、コントラスト担当はシアンに。使用のコツ：主要な形はチャコールでアウトラインし、キャンディカラーが混ざり合わないようにしましょう。

media.ioを使用して生成されたキャンディードリップの画像例

10) ステンシル・ニュートラル・ポップ

HEX: #0f172a #e2e8f0 #94a3b8 #e11d48 #22c55e

雰囲気: クリーン、パンチが効いた、整理された

おすすめ用途: プロダクトUIとダッシュボードコンポーネント

クリーンなニュートラルカラーと鮮やかな彩度は、滑らかな壁面へのステンシル作品を思わせます。明快さと個性を両立したいダッシュボードに最適な配色です。構造にはスレート系、危険な操作にはレッド、成功状態にはグリーンを使用。使用のコツ：アクセントカラーは小面積に留めて、インターフェイスが落ち着いていながらも活気を感じるように。

media.ioを使用して生成されたステンシルニュートラルポップの画像例

11) ハーバーインク

HEX: #001f3f #00a8cc #f0f3bd #ff6b6b #0b0b0b

雰囲気: ディープ、海岸風、ドラマチック

おすすめ用途: 音楽カバーアートやマーチ投下用

ディープなインクブルーとコーラルのハイライトは、港湾の壁に描かれるグラフィティを思わせます。劇的でありながら厳しすぎず、カバーアートやマーチグラフィックスに最適。ネイビーをメイン、シアンは補助形状へ、コーラルはフォーカルマークに。使用のコツ：淡いイエローはネガティブスペース用に限定し、背景が明るすぎるのを防ぎます。

media.ioを使用して生成されたハーバーインクの画像例

12) デザートスプレー

HEX: #c08457 #f2e8cf #84dcc6 #ff3b30 #2d1e2f

雰囲気: 日差しを浴びた、アート風、エクレクティック

おすすめ用途: ストリートウェアのルックブックやキャンペーンバナー

日差しを浴びたニュートラルとクールなアクアで、乾いた熱気の下、漆喰に描かれた壁画を想起させます。オフホワイトでレイアウトに余白を持たせ、赤でアクセント。プラムがテキスト色、アクアは暖色を切るモダンなアクセントに。使用のコツ：写真やイラストはクリーム基調の背景に置き、意図的な配色で「埃っぽい」印象にならないように。

media.ioを使用して生成されたデザートスプレーの画像例

13) フロステッドタグ

HEX: #e0fbfc #98c1d9 #3d5a80 #ee6c4d #293241

雰囲気: クール、クリア、親しみやすい

おすすめ用途: スライドデッキやワークショップ資料

冷たく爽やか、塗装された鉄の上に冬の空気が漂うような印象。ブルーで信頼感と構造を、コーラルでフレンドリーな雰囲気を演出。氷のような淡い色を背景に、ネイビーとスレートで階層を構築。使用のコツ：コーラルはセクションタイトルや重要な数字に用いて、資料の一貫性を保ちましょう。

media.ioを使用して生成されたフロステッドタグの画像例

14) トキシックオーキッド

HEX: #d946ef #a3e635 #0ea5e9 #fef08a #111827

雰囲気: ワイルド、ネオン、反抗的

おすすめ用途: ナイトクラブポスターやDJフライヤー

ワイルドでネオンなこの配色は、クラブの照明下で光るオーキッドパープルのタグのよう。ナイトライフ向けポスターで即効性と少し危険な雰囲気を演出。パープルとネイビーをメイン、ライムを日付や会場などのキー情報に。使用のコツ：淡いイエローを小さなテキストの背後の控えめなグローに使い、読みやすさを向上。

media.ioを使用して生成されたトキシックオーキッドの画像例

15) オールドスクール・プライマリー

HEX: #ff0000 #ffd500 #0057ff #00c853 #111111

雰囲気: クラシック、大胆、ハイコントラスト

おすすめ用途: スポーツポスターやユースプログラム

深いブラックを効かせたクラシックな原色は、遊び場の壁の角ばったレターフォームやレトロな雰囲気。色は即座に認識できるため、スポーツポスターやユース向けに最適。このグラフィティ配色は、見出しに1色、他はアイコンやストライプ用に使うのが効果的。使用のコツ：三つの鮮やかな原色を均等に使うのは避けて、デザインが雑然としないように。

media.ioを使用して生成されたオールドスクールプライマリーの画像例

16) セピア・ウォールウォッシュ

HEX: #6f4e37 #c9b29b #e6ccb2 #2f2f2f #ffb703

雰囲気: 温かみ、手作り感、地に足がついた

おすすめ用途: カフェのメニューやチョークボードスタイル印刷物

温かみのあるセピアトーンが、手書きのメモが残る日差しに照らされた壁面を連想させます。カフェメニューや「作られた感」を出したい印刷物にぴったり。背景にはクリーム系を、文字にはブラウン系を、アクセントに琥珀色を。使用のコツ：ごく控えめな紙の質感を加えると、本物っぽくフラットさが軽減できます。

media.ioを使用して生成されたセピアウォールウォッシュの画像例

17) シアノタイプ・ポップ

HEX: #0a2472 #00d9c0 #f4f1de #ff595e #1b1b1b

雰囲気: フレッシュ、グラフィック、パンチが効いた

おすすめ用途: ソーシャルクオートカードや告知投稿

新鮮でグラフィックなこの配色は、シアノタイプインクにシャープなコーラルスタンプを加えたよう。コントラストも高く、テキスト主体のSNS投稿にも適していますが、ストリート感も残します。クリームで余白を作り、強調にはティールまたはコーラルを選択。使用のコツ：本文はニアブラックで、大きなブロックはネイビー、重くなり過ぎないように管理。

media.ioを使用して生成されたシアノタイプポップの画像例

18) アスファルト・ミント

HEX: #0b1320 #1f2937 #2dd4bf #a7f3d0 #f9fafb

雰囲気: クール、ミニマル、テクノロジー感

おすすめ用途: SaaSランディングページやクリーンバナー

クールでミニマル、濡れたアスファルトにミント色のスプレーミストが漂う印象。抑制された配色でレイアウトが整然として、プレミアムな印象に。ダークグレーを土台に、ミントはボタン・リンクのみに使うのが効果的。使用のコツ：CTAの背後に柔らかいミントのグラデーションを加え、余計なカラーを足さずに奥行きを演出。

media.ioを使用して生成されたアスファルトミントの画像例

19) ゴールドリーフタグ

HEX: #d4af37 #2a2a2a #7f1d1d #f5f5f5 #0ea5e9

雰囲気: 大胆、プレミアム、ドラマチック

おすすめ用途: ラグジュアリーイベント招待状・VIPパス

大胆でプレミアムな印象は、ダークな壁に光を受けるゴールドタグのよう。贅沢さとエッジ感が両立し、ティールは控えめに使うとよりバランス良好。招待状やVIPパスなど、ハイコントラストながら普通っぽくなりたくない場面に有効。使用のコツ：ゴールドは枠線や小さなスタンプに留め、全面背景にはせず、箔押し感を強調。

media.ioを使用して生成されたゴールドリーフタグの画像例

20) バイオレットヒート

HEX: #ff3dff #7c3aed #ff2e63 #ffb703 #0b0b0b

雰囲気: 熱い、遊び心、高エネルギー

おすすめ用途: YouTubeサムネイルやクリエイターバナー

熱く遊び心いっぱいのこの配色は、バイオレットの霞とキャンディーピンクが弾け、高電圧のグラフィティのように映えます。極端なコントラストが小さなサイズのサムネイルにも最適。背景にはブラックとバイオレット、顔の注目にはピンク、1か所のアクセントには琥珀色を。使用のコツ：文字はホワイトまたは琥珀色＋太めの黒フチで最大限の読みやすさを。

media.ioを使用して生成されたバイオレットヒートの画像例

グラフィティと相性の良い色は？

グラフィティ向けの配色は通常、ブラック、限りなくブラックに近いネイビー、チャコール、クリーンなホワイトなどの強固なベースカラーから始まります。これらのニュートラルがスプレーペイントの鮮やかさにエッジを効かせ、タイポグラフィの可読性を高めます。

ネオンアクセント（ライム、シアン、マゼンタ、エレクトリックバイオレット）は、強い色圧や夜の看板の輝きを再現し、グラフィティの美学と自然にマッチします。ひとつのネオンにオレンジやイエローなど暖色ハイライトを組み合わせると、深みと動きを生み出せます。

より現代的な「ストリートエディトリアル」感を出したい場合は、鈍いグレーにコーラル、琥珀色、ティールなど一つだけ強いアクセントを加えるのがおすすめ。全体がノイズだらけにならず、都会的なムードを保ちます。

実際のデザインでグラフィティカラーパレットを使う方法

まず役割を決めて：ひとつの主背景色、ひとつのメイン見出しやアクセント色、ごく小さな要素（日時やアイコン、価格など）用のハイライト色、という形が理想。グラフィティパレットは、コントラスト調整が意図的だと美しく仕上がります。

印刷物（フライヤー、ポスター、グッズ）では、最も鮮やかな色（ホットピンクやラスティカラーなど）が紙とインクによって変化することがあるので、試し刷りを推奨。文字をはっきり見せるため、通常は黒かチャコールでアウトラインやストロークを追加します。

デジタル向け（サムネイル、SNS、オーバーレイ）では、強い色同士を並べて同じ明度・彩度で使うのを避けましょう。スペースや影、薄いグラデーションで調整すれば、特にダーク背景でも派手さが「ちらつき」にくくなります。

AIでグラフィティパレットビジュアルを作成する

すでにHEXコードがある場合は、ポスターやステッカーシート、ブランドボード、UIモックアップなど実際のデザイン指示に変換しましょう。そうすることで、コントラストや階層、可読性を本番前にきちんと確認できます。

Media.ioテキストto画像機能なら、「フライヤー」「アルバムカバー」「ダッシュボード」などレイアウトを説明し、ストリート感・ネオン感・エディトリアル感など雰囲気を指定しながら、望ましいパレットになるまで素早く試作できます。

プロンプトで各色の使う場所を制御しましょう（例：「黒ベース、シアンの主形状、マゼンタ見出し、イエローハイライト」など）。こうすることで、出力が意図したグラフィティ配色に一貫します。

次へ： ネオンカラーパレット