90年代グランジカラーパレット20選｜HEXコード＆AIプロンプト付き

90年代グランジのカラーパレットは、暮らしの中で生まれるコントラストが特徴です。色あせたデニムブルー、くすんだニュートラル、すすのようなチャコール、そして錆やレンガ色のアクセントが少し加わります。

ポスターやUI、ブランディングで、荒々しくも現代的で読みやすいデザインを目指すなら、この控えめなグランジカラーは信頼できるスタート地点です。

90年代グランジパレットが優れている理由

グランジパレットは、不完全なカラーに基づいて作られます。日焼けしたようなトーン、煙がかった色、安価な紙に印刷されたような質感。その「着古した」雰囲気が、派手な彩度に頼らずにムードを与えます。

また、現実的なデザイン課題も解決します。ダークインクのようなニュートラルで強い階層を作り、デニムブルーやオリーブ、錆色で意図的なアクセントが生まれるため、ツヤ感がなく自然な強調になります。

控えめな色だからこそ、グレインやコピー質感、ハーフトーン、ダメージ加工文字と自然に組みあわせやすいです。写真やコラージュ、大胆な見出しも混ぜてコヒーシブなデザインを作れます。

20種以上の90年代グランジカラーパレットアイデア（HEXコード付き）

1）地下室デニム

HEX： #22303a #4f6575 #a9bccb #c6b8a4 #2b2b2b

雰囲気： 曇りがち・着古し・涼しい

おすすめ用途： 編集レイアウトやルックブック

薄暗いリハーサル室の電球の下、色あせたジーンズのようにムーディーで着古した印象が強いトーンです。デニムブルーをベースにし、アッシュブラックで文字、ペーパータンで余白を作ると良いでしょう。柔らかいコントラストが必要な編集グリッドやジン、フォトスプレッドで活躍します。ポイント：ハイライト用のライトブルーを残し、見出しはチャコールで落ち着きを出しましょう。

media.ioで生成した地下室デニムのイメージ例

Media.io

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

今すぐ無料で試す

2）フランネル＆アッシュ

HEX： #3a2f2a #6b574d #9a8f86 #2a2e31 #7f2f2b

雰囲気： アーシー・スモーキー・粗い

おすすめ用途： コーヒーショップや理髪店のブランドアイデンティティ

アーシーなブラウンとスモーキーなチャコールは、古着のフランネルや焚き火の灰、さらにはレンガ色の個性を連想させます。深いエスプレッソとアッシュでロゴやワードマークを作り、暖かいトープでエッジをやわらげます。実店舗系ブランドやカフェ、小ロット商品に特におすすめ。ポイント：赤茶色はアクセントとしてシールやアイコン、コール・トゥ・アクションに使いましょう。

media.ioで生成したフランネル＆アッシュのイメージ例

3）錆びたアンプ

HEX： #2f2d2a #8a3b2b #c27a4a #6a7a6b #d0c7b8

雰囲気： 生々しい・暖かい・主張強め

おすすめ用途： コンサートポスターやアルバムのプロモグラフィック

傷ついたアンプのフェイスプレートのような生々しさと熱気を感じる錆や焦げたオレンジが、ニュートラルカラーに映えます。暗めのニュートラルをインクのように扱い、暖色でエネルギーを表現しましょう。ライブポスターやアルバムプロモ、マーチグラフィックなど、質感が重要な場面に特におすすめ。ポイント：微妙なハーフトーンやコピーグレインを加え、オレンジが艶っぽくならないようにしましょう。

media.ioで生成した錆びたアンプのイメージ例

4）苔むした路地

HEX： #1f2a24 #3f4a3a #6b6a53 #a5a190 #2b2b2b

雰囲気： 湿っぽい・控えめ・都市風

おすすめ用途： アウトドアアパレル広告やエコブランディング

苔が割れたコンクリートの上に広がるような湿っぽい控えめなグリーン。濃いフォレストカラーを軸に、オリーブやストーンで補助パネルやタイポブロックを作ります。アウトドアウェアやエコブランド、無骨なパッケージにぴったり。ポイント：文字は淡いストーンに載せ、最も濃いグリーンは見出しに使うと可読性アップ。

media.ioで生成した苔むした路地のイメージ例

5）カセットの煙

HEX： #252525 #4a4f55 #7f8790 #b6b0a6 #5a3f3a

雰囲気： 霞んだ・懐かしい・低コントラスト

おすすめ用途： レトロな雰囲気のUIダッシュボード

テープのヒスノイズや煙に包まれた空間のような霞んだグレーが全体を落ち着かせます。チャコールはナビゲーション、ミッドグレーはカード、暖かいグレージュはUIの冷たさを防ぐ役割です。ダッシュボードや音楽アプリ、レトロ感を出したいツールにぴったりですが、ダークモードにはしません。ポイント：ダスティブラウンはアクティブ状態のみに使うと、インタラクションに意図が生まれます。

media.ioで生成したカセットの煙のイメージ例

6）色あせたジン

HEX： #2b2b2b #5c5460 #9c95a3 #d4cfc7 #7b6a4d

雰囲気： コピー感・柔らかい・インディー

おすすめ用途： ジン、履歴書、ミニマルポスター

日光を浴びて色あせたジンのような、優しいラベンダーグレーがクラシックグランジのニュートラルにひと味加えます。チャコールと薄いペーパートーンを組み合わせて読みやすい文字を作り、控えめなパープルは区切りや引用に使うと良いでしょう。ジンやクリエイターの履歴書、テクスチャが主役のミニマルなポスターにおすすめ。ポイント：グラデーションは避け、フラットブロック＋グレインでよりリアルな印刷感を出しましょう。

media.ioで生成した色あせたジンのイメージ例

7）ガレージコンクリート

HEX： #1f1f1f #5b6168 #9ea2a3 #c9bca8 #3b4a55

雰囲気： 工業的・涼しげ・安定感

おすすめ用途： オーディオ機器のプロダクトランディングページ

ガレージ床のコンクリートダストのように、タフだけど平凡にならないグレーの組み合わせです。明快さと個性両立した現代的なランディングページにおすすめの90年代グランジパレットです。ほぼブラックのヒーローテキスト、コンクリートグレーのセクション、暖かいサンドでさりげなく背景に持ち上げると良いでしょう。ポイント：ブルーグレーはボタンの主色にして、アクションが目立ちすぎずしっかり見えるように。

media.ioで生成したガレージコンクリートのイメージ例

8）セピアステージライト

HEX： #3a312a #7a5b3e #b88b5a #d8c5a7 #4b4f3a

雰囲気： 暖かい・煙っぽい・映画風

おすすめ用途： イベントフライヤーや会場プロモ

ステージライトが煙を割るような暖かく煙っぽいセピアカラーは、映画的で親密な雰囲気です。濃いブラウンは文字と枠に使い、タンやパーチメントは背景やイメージの上に重ねましょう。会場プロモやイベントフライヤー、アコースティックセッションの案内に最適です。ポイント：控えめなオリーブをサブアクセントに加え、パレットが単色になりすぎないように。

media.ioで生成したセピアステージライトのイメージ例

9）古着屋のティール

HEX： #1f3b3a #3f6b6a #8fa3a0 #d4d0c5 #5a3f3a

雰囲気： くすんだ・個性派・やわらかめ

おすすめ用途： SNS投稿やクリエイターブランディング

くすんだティールと暖かいニュートラルで、バラバラなのにまとまる古着屋のアイテムのような雰囲気になります。クールなグリーンでレイアウトを落ち着かせ、ココアブラウンで人間味や手触り感を出します。クリエイターブランディングやSNSテンプレート、ハイライトカバーに最適です。ポイント：背景は明るく、ティールは形に使えば文字がくっきりシェアしやすくなります。

media.ioを使用して生成したスリフトストアティールのイメージ例

10) マディープラム

HEX： #2b2327 #533845 #7a6b78 #c8bfb6 #3b4a3f

雰囲気： 陰鬱、アート風、くすんだ色調

おすすめ用途： 本の表紙とアルバムアートワーク

沈んだプラムと煙のようなくすみ色が、傷んだ夕暮れやインクの染みたスケッチを思わせます。一番濃い色をタイトル用に、中間色をブロックやフレームに、ダスティーベージュを余白として使いましょう。本のカバーやアルバムアート、そしてネオンを避けたい記事特集などに最適。コツ：マットな質感と高コントラストのイメージで、紫色を上品に保ち甘くなり過ぎないようにしましょう。

media.ioを用いて生成したマディープラムのイメージ例

11) マスタードワーンTシャツ

HEX： #2a2a24 #6a5a2e #b49a3a #d6c8a8 #5a5f63

雰囲気： グリッティ、色褪せた、ヴィンテージ

おすすめ用途： ストリートウェアのルックブックとマーチ

ざらついたマスタードと色あせたニュートラルは、何度もツアーを乗り越えたお気に入りのTシャツのよう。ロゴやタグ、目立つ形でマスタードはアクセント的に、読みやすさは濃いニュートラルで確保します。ストリートウェアのルックブックやマーチ、プロモバナーなど、主張しすぎない個性にぴったり。コツ：淡いサンドカラーを背景メインに使うことで、黄色がレイアウトを圧倒しないようにできます。

media.ioで生成したマスタードワーンTシャツのイメージ例

12) リバーバンクグライム

HEX： #1e2a2a #2f5a57 #6f7b73 #cfc7b6 #7a4a33

雰囲気： 泥っぽい、涼しげ、アウトドア風

おすすめ用途： クラフトパッケージやラベルシステム

濁ったティールと川石グレーは濡れた小石や流木、雨上がりの静けさを表現します。クラフトパッケージに90年代グランジカラーを使い、手作り感のある落ち着いた雰囲気を演出。ラベルのベースはパーチメント系ニュートラル、ブランディングや原材料リストは深いティールで。コツ：錆びた茶色はスタンプやロット番号用にのみ使い、リアルさをプラスします。

media.ioを用いて生成したリバーバンクグライムのイメージ例

13) チャコールスケッチブック

HEX： #151515 #3b3b3b #6b6b6b #bdb7ad #8c7a63

雰囲気： ミニマル、グリッティ、集中力重視

おすすめ用途： ポートフォリオサイトやケーススタディ

ザラつきのある紙に木炭で線を引いたようなミニマルなグリッティ系ニュートラルが内容を引き立てます。見出しは黒に近い色、UI区切りは中間グレー、背景は暖かなベージュで。真剣な雰囲気を求めるポートフォリオやケーススタディ、タイポグラフィ重視のサイトに最適。コツ：ソフトなブラウンはUIの小さなディテールのみで使い、意図的な印象を保ちましょう。

media.ioを用いて生成したチャコールスケッチブックのイメージ例

14) ダスク・オーバー・シアトル

HEX： #1f2b3a #3b556a #7a8791 #c9c3b8 #4a3f3a

雰囲気： 雨、落ち着き、映画的

おすすめ用途： 音楽アプリのオンボーディング画面

雨の夕暮れのブルーと和らいだグレーが、濡れた通りに反射する都市の灯りを思わせます。ヘッダーには濃紺、背景パネルには淡いストーン色を使うと読みやすくなります。音楽アプリやストリーミングサービスでシネマティックな演出をしたい時に最適。コツ：イラストはモノクロで、青みグレーが感情表現の主役となるようにしましょう。

media.ioで生成したダスク・オーバー・シアトルのイメージ例

15) ビニールスリーブブルース

HEX： #222a33 #4a5f73 #9fb0bf #d7cfbf #7a4a3a

雰囲気： クール、ノスタルジック、ポリッシュドグランジ

おすすめ用途： アルバムカバー案やストリーミングバナー

クール系ブルーと紙のような暖色ニュートラルが、使い込まれたレコードスリーブのへりの擦れを連想させます。90年代グランジ配色ながら、現代音楽ビジュアルにバランスの良いクリアさとザラつきを両立。主役形状は中間ブルー、タイプは濃紺で、温かみのあるブラウンは小さなハイライトやステッカーに活用しましょう。コツ：薄い青にはうっすらとした折り目や擦り傷テクスチャを加えて、本物感を出します。

media.ioを用いて生成したビニールスリーブブルースのイメージ例

16) オキサイド＆オリーブ

HEX： #2b2b27 #4a5a3a #7a6a3a #b8a77a #8a4a2f

雰囲気： ほこりっぽい、無骨、アーシー

おすすめ用途： ビールラベルやヴィンテージ風パッケージ

埃っぽいオリーブとオキサイドオレンジは、錆びた工具や枯れ草、古い作業場の看板を感じさせます。ブランディングには深いニュートラルカラー、パターンや階層分けにオリーブやマスタードを重ねて使いましょう。ビールラベルやヴィンテージ風パッケージ、バッジによく合う無骨な手作り感。コツ：ややくすんだ仕上げ印刷でオレンジ色を酸化したように見せましょう。

media.ioで生成したオキサイド＆オリーブのイメージ例

17) パドルリフレクション

HEX： #242a2f #4b5560 #7c8a92 #c8c2b8 #3a4a46

雰囲気： 静か、濡れた、控えめ

おすすめ用途： プレゼンテーション資料やレポート

静かな青味グレーと柔らかなニュートラルは、路上の水たまりに映るぼんやりとした反射のよう。中間スレートをチャートや区切り線に使い、見出しには深いチャコールで安定感を持たせます。モダンながらもギラつかない印象のプレゼンやレポートにおすすめ。コツ：背景は淡いニュートラル系にし、彩度の高いブロックは1つずつ使って、視覚ノイズを抑えましょう。

media.ioを用いて生成したパドルリフレクションのイメージ例

18) バンドポスターインク

HEX： #1a1a1a #3a3a3a #d1c7b8 #8a2f2f #6a6f3a

雰囲気： 太字、グリッティ、高コントラスト

おすすめ用途： パンクやグランジのギグポスター

安い紙に厚く塗ったインクのように太字でグリッティな配色。レイアウトには黒とパーチメント、深い赤はヘッドラインや会場名など主役に。ギグポスターやツアー告知、タイポ主体の広告に最適。コツ：オリーブ色アクセントはごく少量に留めて、赤をしっかり引き立てましょう。

media.ioを用いて生成したバンドポスターインクのイメージ例

19) ブリックアンドスラッジ

HEX： #2a2420 #6a3a2f #9a6a55 #b8b0a3 #3a4a3a

雰囲気： 暖色、ダーティ、都会的

おすすめ用途： レストランメニューと黒板風広告

暖かいレンガ色とダーティなニュートラルは路地裏の壁や使い込まれたレザー、深夜のダイナーブースを思わせます。濃いブラウンは文字やアウトライン、レンガ色は見出しやスタンプなどアクセントに活用。メニューや黒板風ポスター、人懐っこい手作り感のあるサインにぴったり。コツ：赤系は広く使わず、ベージュを基調にすることで読みやすさを保てます。

media.ioを用いて生成したブリックアンドスラッジのイメージ例

20) ソフトスタティック

HEX： #2b2b2b #6a6f73 #a3a7a6 #d8d2c7 #4a6b7a

雰囲気： 穏やか、エアリー、アナログ

おすすめ用途： ミニマルなUIキットとデザインシステム

テレビの砂嵐が静かに消えていくような穏やかでエアリーな色調は、控えめなグランジ感と実用性を両立。グレーの階層で即座にコンポーネントの階層を示し、落ち着いたブルーはリンクやフォーカスに個性を加えます。UIキットや人間味のあるデザインシステムに最適。コツ：ブルーはインタラクティブ要素にのみ控えめに使い、全体の一貫性を維持しましょう。

media.ioを用いて生成したソフトスタティックのイメージ例

90年代グランジに合う色は？

90年代グランジカラーは、“静かな”トーン（チャコール、スス黒、紙ベージュ、グレージュ、コンクリートグレー）と特に相性が良いです。これらのニュートラルはインクと紙のような役割を果たし、テクスチャを多用してもレイアウトの可読性を保ちます。

アクセントには、風化した色――錆、レンガ色、酸化オレンジ、泥プラムやくすんだオリーブ――を取り入れましょう。ボタン、スタンプ、見出し、アイコンなどにポイント使いすることで、現代的な蛍光色でなく“拾い物”のような趣を出せます。

より新鮮な印象にしたければ、ライトブルー（洗いざらしデニムや淡いスチールブルー）のハイライトを加えると、グランジ感+現代UIの透明感や見通しやすさが両立できます。

90年代グランジカラーパレットを実際のデザインで使う方法

まずは二層構造が基本：ダークトーンの“インク”（漆黒/チャコール）+ ライトな“紙”（パーチメント/グレージュ）。そこに中間トーン（デニムブルー、スレート、オリーブなど）を加え、パネル・カード・補助ブロックに使います。

暖色系アクセント（錆/レンガ/マスタード）は用途を1つに絞りましょう：CTA、バッジ、会場名、値札、小アイコン用など。絞って使うことで、意図のあるすっきりしたデザインに。

最後にテクスチャを効果的に：ライトな粒状オーバーレイ、ハーフトーン、水濡れ風の端、コピー機ノイズなど。下の色をフラットにしておくことで、テクスチャがリアルに映えます。

AIで90年代グランジパレットのビジュアルを作成

ポスターやブランドボード、UIキットを作る前にHEXコードの実際の見映えを確認したいですか？テキストプロンプトと配色の主役色＋アクセントで、即座にモックアップが生成できます。

Media.ioのテキストtoイメージ機能なら、紙色の微調整やデニムブルーの濃淡、色々なコンポジションで錆色アクセントのテストなど、スピーディな反復が可能です。

次へ： ライトブルーカラーパレット