Fireworksのカラーパレットアイデア22選＋HEXコードまとめ

花火のパレットは、光が動く感覚を表現します。深い夜のベース、ネオンの火花、そして遠くからも映える暖かいメタリックのハイライトが特徴です。

以下では、HEXコード付きの厳選した花火カラーパレットアイデア、実際の組み合わせヒント、ポスターやブランディング、UIなど多用途に使えるAIプロンプトを紹介します。

花火パレットがなぜ効果的なのか

花火色の配色は自然にコントラストを生みます。暗い「夜空」のベースが明るいアクセントをより目立たせ、スクリーンや印刷で読みやすくなります。

また、瞬時に階層構造が生まれます。1～2色の鮮やかな色調が見出しやボタン、注目形状を担う一方、ニュートラルな色が全体のバランスを保って乱雑さを防ぎます。

ほとんどの花火パレットは、暖色と寒色の光（ゴールド/オレンジ＋シアン/ピンク/バイオレット）をミックス。奥行きと動きを与え、お祝い・新商品ローンチ・エネルギッシュなキャンペーンに最適です。

20種類以上の花火カラーパレットアイデア（HEXコード付）

1) ネオンバースト

HEX： #0B0F2E #FF2D95 #FFD400 #00D1FF #F6F2FF

雰囲気： エレクトリック、遊び心、高エネルギー

おすすめ用途： 音楽フェスティバルのポスターデザイン

エレクトリックで遊び心があり、ネオントレイルが真夜中の空を切り裂くような印象です。深いネイビーをベースに使い、ピンクとシアンで見出しやグラフィックの形を強調しましょう。ゴールドは日付や価格、CTAなどでアクセントに最適です。ヒント：可読性のため、文字色は基本的に明るい色を暗いベースに重ね、最も明るい色調は注目部分に使いましょう。

media.ioを使用して生成されたネオンバーストの画像例

Media.io

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

今すぐ無料で試す

2) ミッドナイトスパーク

HEX： #070A12 #1D2B6B #FF6B00 #F2E9E4 #8A9BFF

雰囲気： 劇的、映画的、大胆

おすすめ用途： 映画タイトルカードやキービジュアル

劇的かつシネマティックで、深い夜空に弾ける明るい火の粉を思い起こさせます。ほぼ黒とインディゴを背景に使い緊張感を演出、オレンジが爆発的なアクセントとなります。クリーム色はクレジットや小さな本文に適し、読みやすさを保ちながら雰囲気を損ないません。ヒント：オレンジ要素の周囲にさりげないグロー効果を足すと、散らかった印象にならず火花感を強調できます。

media.ioを使用して生成されたミッドナイトスパークの画像例

3) ゴールデンフィナーレ

HEX： #111827 #C9A227 #FFE8A3 #B11D5A #F8FAFC

雰囲気： ラグジュアリー、祝祭的、輝き

おすすめ用途： プレミアイベント招待状

華やかで祝祭的、空に温かいゴールドが降り注ぐグランドフィナーレのようです。この花火のカラーパレットは、質感ある紙や箔押し、エレガントな書体に最適です。深いチャコールとリッチゴールドのフレームに、ベリー色を名前やRSVPのアクセントに活用しましょう。ヒント：ライトゴールドはソフトな背景ブロックに使い、メタリック感を意図的に、かつ騒がしくならないように。

media.ioを使用して生成されたゴールデンフィナーレの画像例

4) カーニバルロケット

HEX： #2B0A3D #FF3D3D #FFB703 #3A86FF #F1FAEE

雰囲気： 陽気、大音量、明るい

おすすめ用途： 子供向けパーティーフライヤー

元気いっぱいで賑やかなロケットや紙吹雪が、にぎわう遊園地に舞うような配色です。紫を基調として、赤・黄・青が強く出ても喧嘩せず映えます。余白を多めに取り、タイムテーブルや連絡先付近のごちゃつきを抑えましょう。ヒント：各セクションの見出しごとに明るい色を割り当てると、親御さんも情報をすぐ把握できます。

media.ioを使用して生成されたカーニバルロケットの画像例

5) エレクトリックピオニー

HEX： #0E1638 #7C3AED #22C55E #F97316 #F3F4F6

雰囲気： 鮮やか、モダン、エネルギッシュ

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

鮮明で現代的、ピオニー（芍薬）の花が咲き誇るようなメリハリとエレクトリックな輝きが感じられます。インディゴをベースに、バイオレットやグリーンをステップや注目ポイントに使い分けましょう。オレンジは主要ボタンのみに使うと、タップすべき場所が一目瞭然です。ヒント：イラストは最小限に抑え、配色だけでストーリー性と誘導を演出しましょう。

media.ioを使用して生成されたエレクトリックピオニーの画像例

6) スカイエンバー

HEX： #081A2B #0EA5E9 #F97316 #FDBA74 #E2E8F0

雰囲気： さわやか、前向き、クリア

おすすめ用途： サマーセールWebバナー

新鮮で前向きな印象、青い夜空に漂う光る火の粉のような配色です。暗いヘッダーバーと明るいシアンの図形で視線を誘導できます。オレンジは値札や主なオファー向き、淡いピーチが二次的なハイライトに適任です。ヒント：シアンとオレンジは同量にせず、どちらか主役色を決め、もう一方はアクセントに使いましょう。

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

7) プリズムコンフェッティ

HEX： #141414 #FF4D6D #4DFFB5 #FFE66D #5B7CFF

雰囲気： 楽しく、はっきり、若々しい

おすすめ用途： SNSカルーセルグラフィック

楽しくパンチが効いた雰囲気で、プリズムのような紙吹雪が素早く舞う印象です。黒でコントラストをつけ、明るい色をスライドごとに交替させれば、注目をキープできます。黄色はステッカーやバッジ向き、ミントグリーンでピンクの強さを中和します。ヒント：1スライドにつき2色を主色に絞ると、グリッドで見たとき統一感が出ます。

media.ioを使用して生成されたプリズムコンフェッティの画像例

8) サファイアスモーク

HEX： #0A122A #123B7A #A0E9FF #B8C0CC #F8FAFC

雰囲気： クール、透明感、洗練

おすすめ用途： 企業向けプレゼン資料

涼しげで透明感のある配色、サファイアの空に煙が溶けていくイメージです。最も暗い青はタイトルやセクション区切りに使い、淡いシアンはチャートや強調に向いています。青味がかったグレーは表や細かなグリッドラインにピッタリです。ヒント：最も明るいシアンは、主要データシリーズのみに使えば、一目で重要データを強調できます。

media.ioを使用して生成されたサファイアスモークの画像例

9) ルビィサンダー

HEX： #1B1B1F #7F1D1D #EF4444 #F59E0B #F5F5F4

雰囲気： 強烈、力強い、ドラマチック

おすすめ用途：スポーツプロモーションポスター

強烈でパワフルで、雷のようなブームの後に赤いフレアが続くように感じられます。チャコールとディープマルーンにポスターを構築し、アスリートの名前とアクションラインに明るい赤を使用します。アンバーは、統計、日付、チケット情報に強い二次的なアクセントを与えます。ヒント: 赤色をメインパンチに残しながら、マルーンで斜めの形状を追加して動きを生み出します。

media.ioを使って生成したruby thunderの画像例

10) オーロラのパチパチ

HEX：#071B1A #10B981 #34D399 #A78BFA #ECFEFF

雰囲気：夢のような、明るい、モダン

おすすめ用途：ウェルネスブランドのランディングページ

夢のようで明るく、暗い水の上で優しくパチパチと音を立てるオーロラに似ています。深いティールをグラウンディング ヘッダー カラーとして使用し、セクションやフィーチャー カードにミント グラデーションを重ねます。バイオレットは、落ち着きを壊すことなく、リンクや微妙なハイライトのためのエレガントなアクセントを作ります。ヒント: 背景を非常に明るくして、野菜が重くなく新鮮に感じられるようにしてください。

media.ioを使って生成したオーロラクラックルの画像例

11) シャンパングリッター

HEX：#2B2A33 #D6C7B0 #F4E3C1 #C08497 #FFF7ED

雰囲気：柔らかい、お祝い、エレガント

おすすめ用途：結婚披露宴の看板

柔らかくお祝いの雰囲気で、暖かい光の中で漂うシャンパンの泡とグリッターを示唆しています。メインキャンバスとしてクリームとチークを使用し、コントラストの高いテキストのために炭を持ち込みます。紫色のトーンは、アイコン、モノグラム、または方向性矢印に最適です。ヒント: スクリプトフォントを 1 つ選択し、残りはクリーンなサンセリフに保ち、高級感を維持します。

media.ioを使って生成したシャンパングリッターの画像例

12) レトロパイロ

HEX：#2A1E5C #F72585 #FFCA3A #1982C4 #F2F2F2

雰囲気：レトロ、ポップ、アップビート

おすすめ用途：アルバムジャケットアートワーク

レトロでポップな、飽和インクと大胆な形で80年代のライトショーのように見えます。この花火の色の組み合わせは、分厚いタイポグラフィ、ハーフトーンのテクスチャ、シンプルなアイコノグラフィとよく合います。紫とピンクを支配させ、タイトルの高電圧ハイライトとして黄色を使用します。ヒント: 小さなサポート要素は青にして、競合する見出しの色ではなく、クールなカウンターバランスとして読み取るようにしてください。

media.ioを使って生成したレトロパイロの画像例

13) シティスカイラインポップ

HEX：#0F172A #22D3EE #F43F5E #FDE047 #E5E7EB

雰囲気：都会的、シャープ、エネルギッシュ

おすすめ用途：ナイトマーケットポスター

都会的でシャープで、街のスカイラインに映るネオンサイネージのような感じがします。ネイビーを夜間拠点にし、シアンに境界線や地図のような線を引かせます。ピンクはベンダーのハイライトに最適ですが、黄色は時間や場所の迅速な注意キューとして機能します。ヒント: レイアウト グリッドをしっかりと一貫して保ち、明るいアクセントが散らばるのではなく意図的に見えるようにします。

media.ioを使って生成した都市スカイラインpopの画像例

14) パステル花火ヘイズ

HEX：#1F2937 #FBCFE8 #BFDBFE #FEF9C3 #DCFCE7

雰囲気：柔らかく、風通しが良く、優しい

おすすめ用途：ベビーシャワーの招待状

柔らかく風通しの良い、それはすべて穏やかなパステルで、遠くのバーストの後の穏やかな霧に似ています。テキストに木炭を使用して、明るい背景で招待状が読みやすくします。ページを圧倒することなく、日付、会場、レジストリなどのセクションのパステルブロックを回転させます。ヒント: 1 つのパステル トーンで小さなドット パターンを追加して、すべてを最小限に抑えながら輝きを示唆します。

media.ioを使って生成したパステル花火ヘイズの画像例

15) 宇宙の花

HEX：#050816 #312E81 #FB7185 #60A5FA #FDE68A

雰囲気：宇宙的、想像力豊か、明るい

おすすめ用途：SF本の表紙

宇宙的で想像力豊かで、深宇宙に光が咲き誇るような気分になります。背景にはほぼ黒と藍色を使用し、coral にタイトルまたはフォーカル エンブレムを付けます。ライトブルーは著者名やシリーズタグなどの二次要素をサポートし、ソフトゴールドはスターライト仕上げを追加します。ヒント: 表紙がサムネイル サイズで鮮明に保たれるように、グラデーションを微妙に保ちます。

media.ioを使って生成したコズミックブルームの画像例

16) フェスティバルランタン

HEX：#2D1B12 #E76F51 #F4A261 #E9C46A #264653

雰囲気：暖かく、歓迎的で、素朴な雰囲気

おすすめ用途：レストラン 季節限定メニュー

暖かく居心地の良い、ランタンの光、トーストしたスパイス、深夜の集まりを思い起こさせます。見出しと仕切りにはココアブラウンを使用し、特徴的な料理やスペシャルにはテラコッタを持ち込みます。マスタードは価格のハイライトとしてうまく機能しますが、ティールはアイコンやカテゴリラベルのクールな対立点を提供します。ヒント: 背景を明るくしてテクスチャーを保ち、暖かい色調が重くなく手作りで作られているように感じます。

media.ioを使って生成した祭りの提灯の画像例

17) ホタルの道

HEX：#0B1320 #1F7A8C #B8F2E6 #F6AE2D #EAEAEA

雰囲気：落ち着いた、魅惑的な、自然にインスパイアされた

おすすめ用途：屋外イベントメールヘッダー

穏やかで魅惑的な、涼しい湖畔の夜をホタルが柔らかい弧を描いているような気分です。ダークブルーをヘッダーベースとして使用し、ティールの図形を追加してメインメッセージに目を導きます。アンバーはプライマリボタンに最適なので、シーンで暖かい光として読み取れます。ヒント: メールクライアントのコントラストの問題を避けるために、本文のテキストを白または非常に明るいグレーに保ちます。

media.ioを使って生成したホタル跡の画像例

18) ベルベットナイトフォール

HEX：#0B0B10 #2E1065 #9333EA #F472B6 #F9FAFB

雰囲気：豪華、ムーディー、スタイリッシュ

おすすめ用途：美容製品広告

豪華でムーディーな、エッジにマゼンタの輝きがあるベルベットの影を提案しています。製品のステージとして黒を使用し、パッケージのアクセントにはバイオレットのトーンを1つ、見出しにはピンクのトーンを1つ選択します。きれいな白いラベルエリアは、成分とクレームを読みやすく保管します。ヒント: 新しい色を導入せずに、製品の後ろに柔らかいグラデーションを追加して深みを作成します。

media.ioを使って生成したvelvet nightfallの画像例

19) メタリックスターバースト

HEX：#101418 #8D99AE #EDF2F4 #D4AF37 #EF233C

雰囲気：洗練された、プレミアム、ハイコントラスト

おすすめ用途：テクノロジーブランドのロゴとアイデンティティ

洗練されたプレミアムな、正確な赤いストライクを備えたメタリックなスターバーストのように読めます。コア アイデンティティ システムにはグラファイトとシルバーのトーンを使用し、重要な瞬間にはコントロールされたハイライトとしてゴールドを適用します。赤は、アイコンコーナーや通知ドットなど、1つの署名要素に予約する必要があります。ヒント: 最初にワンカラーのシルバーでロゴをテストしてから、階層が向上する場所にのみゴールドを追加します。

media.ioを使って生成したメタリックスターバーストの画像例

20) コズミック ブルーム デラックス

HEX：#06070E #3F37C9 #F72585 #4CC9F0 #FEE440

雰囲気：大胆、未来的、爆発的

おすすめ用途：ゲームストリームオーバーレイ

大胆で未来的な、鋭いネオンのエッジを備えた宇宙の爆発のような感じがします。花火のカラーパレットは、暗いベース、明るいラベル、視認性の高いアラートなど、即時の階層が必要なオーバーレイに最適です。パネルとフレームにはシアンを使用し、アラートにはピンクを使用し、最も重要なコールアウトにのみ黄色をドロップします。ヒント: テキスト ブロックの周りに細いシアンのストロークを適用して、ゲームプレイ中に読みやすくします。

media.ioを使って生成したcosmic bloom deluxeの画像例

21) 港の余韻

HEX：#0A1F2D #144D5A #F25C54 #F8C630 #F6F7F9

雰囲気：海岸沿い、暖かい、バランスの取れた

おすすめ用途：旅行パンフレットカバー

海岸沿いで暖かく、サンゴの光のヒントで水面の余韻を呼び起こします。大きな背景の形状や写真のプレースホルダーには深い青と緑のトーンを使用し、見出しや道探しにはサンゴを追加します。黄色は、限定オファーや新しいルートなどのバッジの小さなアクセントとして最適です。ヒント: 温かみのあるアクセントが散らかっているのではなく、ハイライトのように感じられるように、余白を広くしてください。

media.ioを使って生成した港湾残光の画像例

22) トロピカルブーム

HEX：#072A24 #00BFA6 #FF4D4D #FFE66D #F7FFF7

雰囲気：明るく、晴れて、冒険的

おすすめ用途：夏の飲料パッケージ

明るく冒険的で、暖かい夜の空気の下でトロピカルな色のブームのように感じます。メインブランドトーンとしてティールに頼り、フレーバーシグナルとして赤、遊び心のあるポップとして黄色を使用します。ホワイトスペースはパックを清潔に保ち、タイポグラフィを棚までの距離で鮮明に保つのに役立ちます。ヒント: 赤を 1 つのメイン グラフィック シェイプに制限して、視覚的なノイズではなく太いスタンプとして読み取るようにします。

media.ioを使って生成したトロピカルブームの画像例

花火と相性の良い色は？

花火のパレットは、ニアブラック、ネイビー、ディープインディゴなどのダークアンカーと最もよく組み合わせることで、「夜空」のコントラストを再現し、飽和したアクセントをより明るく感じさせます。

アクセントには、1 つの暖かいスパーク (ゴールド、アンバー、オレンジ、コーラル) と 1 つのクールな輝き (シアン、ミント、ペリウィンクル、バイオレット) を組み合わせます。この暖かくて涼しい分割により、デザインが乱雑になることなくエネルギッシュに感じられます。

レイアウトを読みやすくするには、特に UI とプレゼンテーション スライドでは、本体コピー、カード、間隔にソフト ニュートラル (オフホワイト、クリーム、ライトグレー) を追加します。

実際のデザインで花火カラーパレットを使う方法

70/20/10 のバランスから始めましょう。70% のダークベース、20% のサポート的なミッドトーン (インディゴ/ティール/グレーブルー)、CTA、ハイライト、キーラベルの 10% の「バースト」アクセント。

1 つのジョブ (ボタンや見出しなど) にのみ最も明るい色合いを使用します。次に、バッジ、アイコン、ディバイダーなどのコールアウトをサポートするために、2番目に明るい色相を選択します。

印刷用のデザインをする場合は、校正をテストしてください。一部のネオンのような色は紙の上では暗くシフトすることがあります。デジタルの場合、小さいテキストのコントラストを確認し、可読性が向上する場合のみ、微妙なグローやストローク効果を追加しましょう。

AIで花火パレットのビジュアルを作成する

これらの花火のカラーパレットの組み合わせを実際に使う前に見てみたいですか？各パレットの下に記載されているプロンプトを使って、ポスター、オーバーレイ、ランディングページ、パッケージ、招待状などのモックアップを素早く生成できます。

プロンプト内の「ポスター」という単語を、ご自身のフォーマット（ロゴ、UI、パンフレットなど）に置き換え、同じカラーディレクションとアスペクト比を維持することで、一貫した花火の雰囲気を保つことができます。

気に入った組み合わせが見つかったら、そのパレットをバリエーション（SNS用サイズ、広告、ヘッダーなど）でも再利用し、キャンペーンの統一感を保ちましょう。

次に進む： ドル紙幣カラーパレット