レトロ90年代カラーパレット20選｜HEXコード＆AIデザインプロンプト

レトロな90年代のカラーパレットは、自信に満ちたコントラストが特徴です。ネオンのアクセント、パステルの背景、全体を大胆で遊び心あふれる印象にするインキーなアンカーが揃い、ひと目で90年代らしさを感じさせます。

ここでは、HEXコード付きの使いやすいレトロ90年代の配色アイデアを20種類以上と、ポスター、UI、ブランディングで鮮やかな色とパステルを組み合わせる実践的なコツをご紹介します。

なぜレトロ90年代のパレットがこれほどまでに効果的なのか

レトロ90年代のパレットは視線を引きつけるために設計されています。高彩度のネオンやキャンディパステルは自然に目に留まるため、ポスターやサムネイル、UIのハイライトやグッズに最適です。

さらに、強い“アンカー”（黒に近い色や深いネイビー、チャコール）を使うことで、派手な色でも可読性が保たれます。このバランスにより、エネルギッシュでありながら散らかったり見づらくなることがありません。

最も重要なのは、90年代のルックは柔軟性が高いことです。アーケード風ネオン、メンフィス風パステル、グランジ調のくすみカラー、テクノナイト風――いずれのテイストも、瞬時にノスタルジックな雰囲気を保ちつつ楽しめます。

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

1) ネオンアーケード

HEX： #00e5ff #ff2bd6 #ffe600 #6a00ff #0b0b0f

雰囲気： エレクトリック、遊び心、高コントラスト

おすすめ用途： ゲームランチャーやストリーミングオーバーレイの2D UI

エレクトリックで遊び心があり、まるで点滅するゲーム筐体のライトや深夜のハイスコアを思わせます。ブラックをベースとして使いネオンを読みやすくし、シアンとマゼンタはキーアクションやバッジにのみ使用。イエローは小さなスポットライトとして通知や報酬に最適です。コツ：明るいボタンの縁にほんのりグローや1pxアウトラインを加えると、暗いパネルでもくっきり見せられます。

media.ioを使って生成したネオンアーケードの画像例

Media.io

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

今すぐ無料で試す

2) メンフィスポップ

HEX： #ff4f79 #00c2a8 #ffd166 #2f80ed #f7f7ff

雰囲気： 弾むような・グラフィック・明るい

おすすめ用途： イベントポスターやフライヤーデザイン

弾むようでグラフィックな雰囲気は、スキグルや紙吹雪の形、明るいラジオヒットを思い出させます。大きな幾何学ブロックや遊び心あるフォントで輝く、まさに90年代カラーの組み合わせです。ピンクとティールがお互い主張しすぎないように、オフホワイトを余白として使いましょう。コツ：配色は1レイアウトにつきヒーローカラー2色に絞り、イエローを効果的なハイライトに使ってください。

media.ioを使って生成したメンフィスポップの画像例

3) ローラースケート場の輝き

HEX： #ff5cf4 #45f0df #a7ff4a #ff8a00 #1f1b3a

雰囲気： キラキラ・動きがある・ナイトライフ

おすすめ用途： フェスティバル用リストバンドやチケットのグラフィック

キラキラと動きのあるこの配色は、ミラーボールやスケートホイール、カラフルなフロアライトを思わせます。深いインディゴが明るい色を締め、テキストやアウトラインに使用します。ネオントーンは主役として、オレンジはピンクやライムと競わない範囲でセカンドハイライトに。コツ：ネオンは1色を主役に決め、他は細かいアイコンやライン、ボーダーのみに抑えましょう。

media.ioを使って生成したローラースケート場の輝きの画像例

4) スナックパック・パステル

HEX： #ffb3c7 #b8f2e6 #fff1a8 #c5b3ff #ffffff

雰囲気： 柔らかい・スイート・ノスタルジック

おすすめ用途： ビューティー系パッケージやステッカーラベル

柔らかくて甘い雰囲気は、ランチボックスのおやつやパステルカラーのラッピングを連想させます。シンプルな形状や十分な余白と合わせることで、軽やかなデザインが完成します。丸ゴシック体とミニマルなアイコンでフレンドリーかつ現代的な仕上がりに。コツ：印刷テストは重要なので、淡い黄色の上に小さな文字を載せる場合はコントラストを少しだけ強めましょう。

media.ioを使って生成したスナックパック・パステルの画像例

5) サイバーティールパンチ

HEX： #00ffd1 #00a3ff #ff3d81 #1b1b1f #f5f7ff

雰囲気： テクノ感・シャープ・エネルギッシュ

おすすめ用途： ランディングページのヒーローセクション・CTAボタン

テクノ感がありシャープ、ダイヤルアップ時代の未来感や光るカーソルの軌跡を想起させます。ブラック系は見出しやナビに、ティールやブルーはリンクやセクションで構造を作ります。マゼンタは主にプライマリーボタンやプロモタグなどのアクセントに。コツ：グラデは控えめに、ネオンハイライトは各パーツ1色までにとどめ、ノイズを抑えましょう。

media.ioを使って生成したサイバーティールパンチの画像例

6) バブルガムデニム

HEX： #ff74b5 #7aa7ff #b7f0ff #ffe3f1 #2a2f66

雰囲気： キュート・さわやか・ポップファッション

おすすめ用途： SNSカルーセルテンプレート

キュートでさわやか、バブルガムのつややデニムジャケットのような配色です。ネイビーは見出しや小さい文字のアンカーに、ピンクとブルーは個性を表現。淡いピンクは背景に使い、写真や切り抜きステッカーが主役になります。コツ：パステルブロックのフチにネイビーの細い縁を加えると、スマホ画面でもスッキリ見せられます。

media.ioを使って生成したバブルガムデニムの画像例

7) VHSサンセット

HEX： #ff6b6b #ffd93d #6bcbef #7b2cbf #0f1021

雰囲気： 暖かい・シネマ風・ノスタルジック

おすすめ用途： YouTubeサムネイルやチャンネルブランディング

暖かくてシネマティック、日焼けしたテープや夕方の空の雰囲気です。ディープなミッドナイトをベースに、コーラルやイエローを重ねる90年代配色はとても映えます。シアンはバッジ・矢印・顔やタイトル周りのさりげないコントラストに。コツ：明るいグラデの上でも読みやすくするには、テキストに太めの影をつけましょう。

media.ioを使って生成したVHSサンセットの画像例

8) レーザーライム

HEX： #a8ff00 #00ff87 #00b3ff #ff2e63 #10101a

雰囲気： 派手・スポーティ・レイヴ向き

おすすめ用途： ストリートウェア商品の広告グラフィック

派手でスポーティ、グロースティックや反射ウインドブレーカー、クラブのフライヤーをイメージさせます。濃いベースでコントラストが付くので、主役はライムにし、ティール・ブルーは引き立て役に。ピンクは小さなプライスタグやステッカー、製品のキーポイントで効かせます。コツ：背景はシンプルに、太めの形状でライムがレイアウトを圧倒しないようにしましょう。

media.ioを使って生成したレーザーライムの画像例

9) パープルヘイズ

HEX： #a855f7 #ff4ecd #2dd4bf #fef08a #2b193d

雰囲気： 夢見る・宇宙的・アート

おすすめ用途： アルバムカバーやプレイリストカバー

ドリーミーでコズミックな雰囲気は、スモーキーな部屋のステージライトやラメ入りジェルペンを思わせます。ディープバイオレットは背景に使用し、ティールでアイコンやフォーカル要素を際立たせましょう。淡いイエローは小さな文字や星のようなディテールに最適で、特に白よりも柔らかいコントラストが必要な時に向いています。コツ：グレインテクスチャのオーバーレイを加えるとグラデーションがよりアナログらしくなります。

media.ioで生成したパープルヘイズの画像例

10）アクアソルベ

HEX： #7df9ff #bde0fe #ffc8dd #caffbf #3a3a46

雰囲気： フレッシュ、晴れやか、親しみやすい

おすすめ用途： ブログヘッダーイラストとアイコン

フレッシュで晴れやか、プールの水やシャーベット、グロッシーな雑誌の挿絵のような雰囲気です。レトロな90年代のカラーパレットは、明るい背景と1色の濃いテキストカラーで読みやすさを保ちます。ソフトパステルはシンプルなアイコンと一貫したスペーシングでバランスを取るのがコツ。コツ：各カテゴリごとに1つのパステルを選ぶと、ナビゲーションが直感的になります。

media.ioで生成したアクアソルベの画像例

11）グランジフランネル

HEX： #3b3f46 #8a7f72 #c2b280 #6b705c #f2f4f3

雰囲気： アーシー、ムーディー、ヴィンテージ感

おすすめ用途： エディトリアルジンのレイアウトとタイポグラフィ

アーシーで使い込まれた感じが、古着のフランネルシャツやコピー本のジンを思い出させます。チャコールは文字、罫線、余白に使い、落ち着いたタンやオリーブを紙のようなブロックにレイヤーします。オフホワイトは、特にテキストが多い場合に全体の重さを軽減します。コツ：あえて不完全なテクスチャを活かしつつ、グリッドは統一感を持たせてデザインのクリーンさを保ちましょう。

media.ioで生成したグランジフランネルの画像例

12）ステレオメタリック

HEX： #c0c0c7 #ff3b3b #3b82f6 #1f2937 #f9fafb

雰囲気： スリーク、大胆、インダストリアルポップ

おすすめ用途： テック製品のパッケージと仕様書

スリークで大胆、磨かれた金属やプラスチックボタン、赤いステータスLEDを連想させます。シルバーとオフホワイトでクリーンな面を作り、ネイビーがテキストや図でテクニカルな信頼感を与えます。レッドは新着・限定や警告ラベルなど重要な強調に使い、ブルーは落ち着いたセカンダリーアクセントに活用しましょう。コツ：メタリックグラデーションは控えめに、ほとんどのエリアはフラットに保つことで本格的なプリント感を出せます。

media.ioで生成したステレオメタリックの画像例

13）カートゥーンシトラス

HEX： #ff9f1c #ff4d6d #ffd60a #00d4ff #2ec4b6

雰囲気： 明るく、キッドコア、パンチが効いている

おすすめ用途： キッズアプリのオンボーディングスクリーン

明るくパンチのある雰囲気は、土曜朝のカートゥーンやステッカーシール帳を思わせます。イエローとオレンジは大きくフレンドリーな形に使い、ティールやシアンでナビゲーションや進捗を示しましょう。ピンクは成功画面やバッジのようなお祝いのシーンにぴったりです。コツ：アイコンは太めで丸みを持たせて、パレットを遊び心がありつつもごちゃごちゃしないように保ちましょう。

media.ioで生成したカートゥーンシトラスの画像例

14）テクノナイト

HEX： #0b0f2e #00eaff #ff00a8 #8cff00 #f5f3ff

雰囲気： クラブ風、未来的、インテンシブ

おすすめ用途： ナイトライフイベントのポスターシリーズ

クラブ風でインパクトが強く、暗い部屋を切り裂くストロボライトを連想させます。ディープネイビーは背景に、ホワイトライラックは日付や会場情報のような判読性が重要なディテールに使用。マゼンタとシアンはヘッドラインに、アシッドグリーンはラインナップのハイライトに最適です。コツ：ネオングラデーションの重なりは最小限にして、色がプリント面でちらつかないように明快なセパレーションを使いましょう。

media.ioで生成したテクノナイトの画像例

15）ステッカーブック・ブライト

HEX： #ff0054 #00bbf9 #00f5d4 #fee440 #9b5de5

雰囲気： 楽しい、パンチが効いた、マキシマリスト

おすすめ用途： ブランドステッカー・パック＆グッズグラフィック

楽しくマキシマルな雰囲気は、新品のステッカーパックをノートに貼りつけたよう。レトロな90年代カラーの組み合わせは、太いアウトラインとシンプルなシルエットが映えます。イエローは小さなアクセントに残しておき、他の色を洗い流さないように明るさをキープ。コツ：各ステッカーに2～4pxのダークストロークを一貫して加えると、まとまりが出ます。

media.ioで生成したステッカーブック・ブライトの画像例

16）モール・フードコート

HEX： #ffcad4 #f4acb7 #bde0fe #cdb4db #343a40

雰囲気： 居心地よく、パステル、日常的なノスタルジア

おすすめ用途： カフェメニューとロイヤリティカードのデザイン

居心地がよく親しみ深い雰囲気は、ウィンドウショッピングや蛍光灯の下でのテーブルを想起させます。チャコールでメニューは読みやすく、ピンクやライラックは暖かみをプラスしつつネオンのように派手すぎません。パウダーブルーはセクションの区切りや小さなアイコンで視線を誘導します。コツ：マット紙を選び、背景は明るく保つことでパステルカラーがきれいに見えます。

media.ioで生成したモール・フードコートの画像例

17）ラジオアクティブ・トロピック

HEX： #39ff14 #00f0ff #ff1ead #fffb00 #121212

雰囲気： ワイルド、ハイエナジー、サマーレイヴ

おすすめ用途： サマーセールのバナーとウェブ広告

ワイルドでハイエナジー、ネオンサインや大音量の音楽が響くトロピカルな夜の雰囲気です。ブラック背景を主役にすることで、ライムやイエローがアクセントとして映えます。シアンでレイアウトを構築し、マゼンタは価格や期間限定ラベルの強調に活用。コツ：シンプルで大きな文字を使い、ネオンの上でチラつきやすい細い線は避けましょう。

media.ioで生成したラジオアクティブ・トロピックの画像例

18）ソフト・ピーチー・ネオン

HEX： #ffb199 #ff6f91 #f9f871 #a0ffe6 #4b4453

雰囲気： 楽観的、暖かい、優しく遊び心

おすすめ用途： ウェルネスアプリUIと習慣トラッカースクリーン

楽観的で暖かく、ピーチの陽射しに優しいネオンを足した雰囲気。穏やかなパープルグレーはテキストやアウトラインに使い、インターフェースを落ち着いて読みやすくします。ピンクはアクティブ状態、ミントやイエローは進捗や連続記録のサポート的なハイライトに最適。コツ：背景は主にピーチカラー、ネオンイエローはリワード用に限定しナビゲーション用途には使いません。

media.ioで生成したソフト・ピーチー・ネオンの画像例

19）オルトロック・ポスター

HEX： #111827 #f97316 #e11d48 #22c55e #f3f4f6

雰囲気： エッジー、グリッティ、大胆

おすすめ用途： ギグポスターとマーチTシャツグラフィック

エッジーでグリッティな雰囲気は、レンガ壁に貼られたポスターや大音量のギターリフを思い起こさせます。メインフィールドにダークベースを使用し、オレンジは見出し、グリーンはパンチの効いたセカンダリーアクセントとして活躍。ライトグレーは細部や会場情報を読みやすくしつつ、白ほど硬くなりません。コツ：タイプの背後にハーフトーンやラフなテクスチャを追加するとDIY感が高まります。

media.ioで生成したオルトロック・ポスターの画像例

20）ピクセル・パーティー

HEX： #00ffcc #ff00ff #ffff00 #ff6a00 #2d2a32

雰囲気： アーケード風、エネルギッシュ、デジタル

おすすめ用途： 8-bitスタイルのイラストやアイコン

アーケード風でデジタルな楽しさは、ピクセルキャラクターやボーナスレベルを彷彿とさせます。ダークグレーはスクリーン風のベースに、シアンとマゼンタは一瞬でレトロ感を出せます。イエローやオレンジはハイライトピクセルやコイン、パワーアップ用フラッシュとして使うのがベスト。コツ：ピクセルグリッドは小さく、ディザリングも一貫して使い、明るいアクセントの意図を明確にしましょう。

media.ioで生成したピクセル・パーティーの画像例

21）パステルトラックスーツ

HEX： #a7c7ff #ffd1dc #b9fbc0 #fff3b0 #2f2f3a

雰囲気： スポーティで柔らかく、カジュアル、晴れやか

おすすめ用途： 春のニュースレターテンプレート＆ヘッダー

スポーティで晴れやか、トラックスーツやテニスコート、グロッシーカタログページのような雰囲気。チャコールで文字や区切りを作り、パステルがぼんやりしないように調和させます。ミントやベビーブルーはセクション、ピンクは主要リンクやおすすめカードに最適。コツ：パステルに白文字は避け、アクセシビリティのためダークアンカーを使用しましょう。

media.ioで生成したパステルトラックスーツの画像例

レトロ90年代と相性のいい色は？

レトロ90年代カラーは、1つの「派手な」ネオンと1つの落ち着いたパステルを組み合わせ、さらに黒に近い色やディープネイビー、チャコールなどのダークアンカーで全体を締めるのが最適です。

クラシックな90sコントラストには、シアン＋マゼンタ、ティール＋ホットピンク、またはパープル＋ネオンイエローの組み合わせをお試しください。より柔らかいメンフィス風が好みであれば、オフホワイトの背景と、1レイアウトにヒーローカラー2色がちょうどいいです。

見た目をモダンに保つには、レイアウトの構成（文字、仕切り、コンテナ）にはニュートラルカラーを使い、ネオンカラーはUIステートやバッジ、見出しのアクセントとして使いましょう。

レトロ90年代のカラーパレットを実際のデザインで使うには

まずは階層から。メインカラー（ブランドフィールドや背景）、セカンダリーカラー（セクション・カード）、アクセントカラー（CTA、ハイライト、値札）を選択。レトロ90年代はコントラストの「意図」がはっきりしていると映えます。

UIの場合、ネオンはインタラクティブな要素（アクティブタブ、トグル、キーボタン）用にし、長文のある箇所は明るいニュートラル系が最適。ポスターやグッズは、太いシェイプと力強い書体、クリアなセパレーションで色が「ちらつか」ないようにしましょう。

印刷する場合は、プルーフで必ず確認を。明るいネオンは紙で色がズレがちです。やや濃いめのベースや太い枠線を加えると、画面でも印刷でも明瞭さが維持できます。

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

既にHEXコードがある場合、最速でレトロ90sカラースキームの検証をするには、ポスターレイアウトやUI画面、ステッカーシート、パッケージショットなどのモックアップを何パターンか生成するのが便利です。

Media.ioのテキストto画像機能なら、同じパレットで様々なデザインフォーマットを繰り返し生成して最良の構図を保存、それを実際のプロジェクトのリファレンスとして再利用できます。

同じプロンプトで複数バリエーションを生成し、パレット名やHEXコードだけ差し替えれば、どのレトロ90年代組み合わせがブランドに一番合うか素早く比較できます。

次に進む： ケリーグリーンカラーパレット