星空カラーパレット20選｜HEXコード付き

天体パレットは深い「宇宙」ベースと輝くアクセントを組み合わせ、デザインに即座にコントラスト、明瞭さ、そして雰囲気を与えます。冷たくなりすぎず、モダンでテクノロジー感あふれる印象を与えたい時に特に効果的です。

以下にHEXコード付きの天体カラー パレットのアイデアを紹介します。暗色の背景、読みやすいUI、意図的な明るいハイライトのバランス方法も実用的に解説します。

天体パレットがなぜよく機能するのか

天体カラーが機能する理由は、自然に階層を作り出すことです。暗く静かなベース（宇宙）が明るいアクセント（星、オーロラ、彗星）を際立たせ、重要な要素（CTA、主要数値、見出し、商品名など）をすぐに見つけやすくします。

さらに、余計なイラストなしで感情も表現できます。ネイビーやチャコール、深いバイオレットは深みと信頼感を与え、シアン、コーラル、ゴールド、ミントはエネルギーや楽観性をもたらします。結果として、デジタルも印刷も現代的で映画的、プレミアムな印象に仕上がります。

そして最も重要なのは、天体パレットが「情報量が多い」コンテンツでもうまく対応できる点です。コントロールされた彩度と強いニュートラルの階段があるので、チャートや文字量の多いレイアウト、パッケージ情報でも全体の美しさを保ちつつ、意図的で落ち着いた仕上がりにできます。

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

1）星夜のミッドナイト

HEX： #0b1026 #1a2a6c #2e4a9e #d6d9e6 #f7f8fb

雰囲気： 神秘的、シャープ、夜間的

おすすめ用途： SaaS分析ダッシュボードUI

澄んだ夜空のように神秘的かつシャープなトーンは、集中感と高いコントラストを持ちながらも強すぎません。深いネイビーとコバルトがチャートへの注目を集め、淡いニュートラルが可読性を守ります。最も明るい色はサーフェスに、鮮やかなブルーはアクティブ状態や主要数値で使いましょう。細いディバイダーや控えめな影と組み合わせることで、インターフェースの落ち着きも維持できます。

media.ioで生成した星夜のミッドナイト画像例

Media.io

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

今すぐ無料で試す

2）月光パール

HEX： #f2f0ea #d9dbe2 #a9b2c6 #5a6a86 #1c2433

雰囲気： 静か、軽やか、エディトリアル

おすすめ用途： エディトリアル雑誌レイアウト

月光のように静かで軽やか、洗練されたプレミアム感を醸し出すミックスです。クリーミーなホワイトは余裕ある余白を生み、スレート色やインクトーンが見出しやキャプションの構造を作ります。本文は最も濃い色で、ミッドグレーブルーは罫線、抜粋、ページ番号に使用しましょう。モノクロ写真や繊細な質感ともよく合います。

media.ioで生成した月光パール画像例

3）オーロラドリフト

HEX： #0e1b2a #1b6f7a #2dd4bf #b7f7d1 #f5fff9

雰囲気： 新鮮、癒し、発光

おすすめ用途： ウェルネスアプリのオンボーディング画面

暗い地平線にオーロラカーテンが動くような新鮮で癒し感のあるミント〜ティール。この天体カラーパレットは広めのレイアウトや丸みを帯びたコンポーネント、やわらかなグラデーションと相性抜群です。濃いブルーブラックは見出しやナビに、明るいアクアは進捗やポジティブなフィードバックに使いましょう。穏やかな背景のビネットで発光アクセントが意図的に目立つようにできます。

media.ioで生成したオーロラドリフト画像例

4）星雲ローズ

HEX： #2a1038 #5b1d5a #a23b72 #f08bb4 #ffe6f1

雰囲気： ロマンティック、夢幻的、大胆

おすすめ用途： ビューティー商品パッケージ

星雲の花のようなロマンティックで夢のようなベリー系トーンは、豪華さと少しのドラマを感じさせます。深いプラムはパッケージをプレミアムに見せ、バラ色の中間トーンは親しみやすさを増します。淡いピンクは余白としてラベルの可読性を守り、清潔感を演出。メタリックの箔やソフトマット仕上げと合わせるとより深みが出ます。

media.ioで生成した星雲ローズ画像例

5）宇宙シトラス

HEX： #101a2b #2a4d69 #f0c808 #f28c28 #f94144

雰囲気： エネルギッシュ、遊び心、高コントラスト

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

明るい彗星が宇宙を駆けるようにエネルギッシュで遊び心いっぱいなセット。暗いベースが黄色やオレンジの蛍光感を抑え、赤がCTAの緊迫感を加えます。ヒエラルキーのために暖かいアクセントは1つずつ使い、シンプルな幾何学形と組み合わせましょう。力強いサンスタイプや大きな日付ブロックと相性良し。

media.ioで生成した宇宙シトラス画像例

6）エクリプスストーン

HEX： #0f1117 #2a2f3a #4b5563 #9ca3af #f3f4f6

雰囲気： ミニマル、スマート、プロフェッショナル

おすすめ用途： テックブランドのアイデンティティとステーショナリー

エクリプスの端のようなミニマルでスマートなニュートラルが、現代的で自信ある印象を演出します。タイポやスペースを主役にしたい時に最適です。最も暗い色はロゴや見出しに、グレーはサブ情報やUI風のディテールに段階的に使いましょう。紙の質感やエンボス、光沢スポットで色数を増やさずにテクスチャを加えられます。

media.ioで生成したエクリプスストーン画像例

7）軌道ミント

HEX： #0b1320 #1f2a3a #2ec4b6 #a9fbd7 #f6fff8

雰囲気： クリーン、親しみやすい、モダン

おすすめ用途： フィンテックアプリのカード＆ウィジェットUI

クリーンで親しみやすい軌道のようなミントアクセントは、信頼感を与えつつ冷たく見えません。暗い青グレーは金融データにぴったりで、明るいミントはポジティブな状態や確認にも。鮮やかなティールは主ボタンに少しだけ、背景はほぼ白でコントラストを強調しましょう。シンプルなアイコンや安定したスペーシングと合わせると安心感と洗練された雰囲気を維持できます。

media.ioで生成した軌道ミント画像例

8）流星アンバー

HEX： #170a0a #4a1010 #b33a3a #ff7a59 #ffd6c2

雰囲気： スモーキー、スパイシー、ドラマティック

おすすめ用途： ホットソースラベルパッケージ

流星の焼け跡のようなスモーキーでスパイシーな赤は、大胆ながら洗練された印象。ほぼ黒のベースがコーラルを際立たせ、味の特徴や棚での存在感をアピール。淡いピーチはラベルパネルとして原材料の可読性を守ります。粗い質感や判子風グラフィックと組み合わせるとクラフト感もアップ。

media.ioで生成した流星アンバー画像例

9）銀河デニム

HEX： #0a1230 #132a63 #1f4aa8 #7aa6ff #e6efff

雰囲気： 自信、シャープ、先進的

おすすめ用途： スタートアップランディングページヒーロー

星明かりがデニムブルーの宇宙に映るような自信とシャープさが際立つブルー系。素早く親しみやすい印象を作るには、深いネイビーベースに明るいペリウィンクルハイライトでヒーローセクションを構成しましょう。天体カラーパレットはホワイトスペースや薄いラインアイコン、繊細なグラデーションボタンと相性抜群。最も明るいブルーは補助パネルに使い、CTAを一番目立つポイントに。

media.io を使って生成した銀河デニムの画像例

10) コメットサンド

HEX： #1a2238 #3b4a62 #cbbba0 #e7d7c1 #fff7ee

雰囲気：暖かみ、落ち着き、エレガント

おすすめ用途：インテリアデザインムードボード

彗星の尾が砂漠の光に溶けるような暖かさと落ち着きのあるこの配色は、クールな構造とやわらかなニュートラルのバランスが取れています。砂色トーンがウェルカムな土台を作り、濃い青グレーは見出しやスウォッチにメリハリを与えます。ボードの背景にはクリーム色を使い、中間色には布地、木材、金属のサンプルを重ねましょう。ダークアクセントのブロックを一つ加えることで、全体がぼやけず引き締まります。

media.io で生成したコメットサンドの画像例

11) ゾディアックプラム

HEX： #1b0f2e #3d1a5a #6d28d9 #c4b5fd #f5f3ff

雰囲気：神秘的、大胆、エレクトリック

おすすめ用途：アルバムカバーデザイン

暗闇に光る星座図のように神秘的でエレクトリックなパープルで一気にドラマティックな雰囲気を与えます。深いバイオレットは高コントラストなタイトルに最適で、明るいパープルは鮮やかなフォーカルになります。グラデーションは控えめにし、淡いラベンダーがアーティスト名の周りに余白を持たせます。細い星座線やグレインと合わせると、カバーに質感が加わり平面的になりません。

media.io で生成したゾディアックプラムの画像例

12) アンドロメダティール

HEX： #071a22 #0b4f6c #01baef #b2f7ef #f0fffd

雰囲気：明るい、クリア、オーシャンテイスト

おすすめ用途：トラベルアプリUI

深い水を通る光のように明るくクリアで冒険心とモダンさを感じさせます。最も暗い色合いはヘッダーやタブバーに最適で、空色のアクセントは主要アクションにぴったりです。シンプルな地図形、丸みのあるチップ、十分な余白と組み合わせることでこれらの「天体」カラーが活きます。ポイント：最も明るいシアンは画面ごとに1アクション限定で使い、フォーカスを明確に。

media.io で生成したアンドロメダティールの画像例

13) アストラルライラック

HEX： #120b1f #3a245e #8b5cf6 #e9d5ff #fff7ff

雰囲気：柔らかい、ロマンチック、夢のよう

おすすめ用途：ウェディング招待状セット

ライラック色の紙に星屑が舞い降りたような柔らかくロマンチックな色合いで、現代的でありながら優しい印象です。深いパープルはエレガントな見出しに、淡いラベンダーは詳細の優しい背景になります。明るいバイオレットはモノグラムや封ろうのモチーフに最適ですが、使いすぎずにスイート全体をエアリーに保ちましょう。繊細なラインのフローラルや温かみのある白い封筒を組み合わせてバランス良く仕上げてください。

media.io で生成したアストラルライラックの画像例

14) サターンブロンズ

HEX： #15110f #3b2f2a #8c6a4a #caa67a #f3e7d7

雰囲気：アーシー、ヴィンテージ、高級感

おすすめ用途：コーヒーパッケージ

サターンの輪のブロンズの光のようにアーシーで高級感のあるパレット。ダークエスプレッソ色がロゴにコントラストを与え、ブロンズとタンが焙煎情報や原産地に温かみを加えます。一番明るいクリーム色のラベルパネルでテキストをシャープではっきりさせ、エンボス加工や箔押しのアクセントで高級感をプラスしましょう。

media.io で生成したサターンブロンズの画像例

15) ムーンシャドウブルー

HEX： #050816 #0f172a #334155 #7c9bbd #e2e8f0

雰囲気：ムーディ、静か、洗練

おすすめ用途：ナイトモードUIキット

水面に映る月影のように静かで柔らかなブルーは、目に優しい配色です。ほぼブラックやネイビーは背景用、スレートやくすんだブルーはコンポーネントを眩しさなく読みやすくします。淡いグレーブルーでテキストやアイコンを表示し、柔らかい中間ブルーはフォーカスリングやトグルのアクセントに。控えめなグラデーションや彩度を落とした画像と組み合わせるとノイズを防げます。

media.io で生成したムーンシャドウブルーの画像例

16) ソーラーフレア

HEX： #230c0f #7a1d2f #ffb000 #ff6f3c #fff1c7

雰囲気：大胆、熱い、シネマティック

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

地平線を突き破るソーラーフレアのように大胆で熱い色合いは、スピーディでシネマティックな印象です。ダークマルーンがレイアウトを安定させ、ゴールドやオレンジが強く引き立ちますが、ページを圧倒しません。淡いイエローはキーテキストの後ろにグローとして使い、影はタイトにして力強い見た目に。凝縮された書体や斜め形状と組み合わせて動きを強調しましょう。

media.io で生成したソーラーフレアの画像例

17) ノヴァコーラル

HEX： #0b1026 #2b2d42 #ef476f #ffd6e0 #f8f9ff

雰囲気：モダン、パンチが効いている、遊び心

おすすめ用途：ソーシャルメディア広告テンプレート

ノヴァの爆発のようにパンチが効いたコーラルのアクセントが注目を引きます。濃いベースがデザインに落ち着きを与えつつ、ピンク系が親しみやすく消費者向けの印象に。コーラルは値札や特典バッジに使い、その他のテキストは深いグレーでクリアにまとめましょう。丸みのある形状や余裕のあるパディングと組み合わせ、広告が洗練されて見えるようにしましょう。

media.io で生成したノヴァコーラルの画像例

18) スターフィールドオリーブ

HEX： #0b1320 #1f2937 #556b2f #a3b18a #f1f5e8

雰囲気：穏やか、ナチュラル、夜の庭

おすすめ用途：ボタニカル水彩イラストプリント

星空の下の夜の庭のように穏やかでナチュラルなグリーンは、落ち着きとちょっとした神秘感を感じさせます。濃いブルーグレーが奥行きを作り、オリーブやセージが有機的でハーバルなトーンを加えます。イラストでは背景を暗く保ち、最も明るいグリーンやクリームでハイライトを描くと、この天体的な配色が際立ちます。ポイント：わずかなオフホワイトの星点を加えれば、重たくなりすぎません。

media.io で生成したスターフィールドオリーブの画像例

19) セレステクリーム

HEX： #101522 #2a3550 #f4e9d8 #f7f4ef #b8c0d9

雰囲気：柔らかな、心地よい、上質

おすすめ用途：ライフスタイルブログヘッダーデザイン

夜明けの光のように柔らかく心地よいこの配色は、温かみがありながらも洗練された印象を与えます。クリーム色がウェルカムな土台を作り、ブルーグレーがナビゲーションや見出しの構造に役立ちます。一番明るいクリームをメイン背景に使い、ダスティパーウィンクルはリンクのアンダーラインなどの控えめなハイライトに。暖かい写真や最小限のアイコンと組み合わせて、ヘッダーをクリーンに保ちましょう。

media.io で生成したセレステクリームの画像例

20) ダークマターチャコール

HEX： #06070a #14161c #2b2f36 #5b616e #cfd3dc

雰囲気：シリアス、シネマティック、高コントラスト

おすすめ用途：シネマタイトルカード・クレジット

深宇宙のようにシリアスでシネマティックなチャコールが一瞬でドラマティックな雰囲気を作ります。ほぼ黒の色合いがリッチな背景を作り、クールグレーがクレジットをシャープで読みやすくします。一番明るい色は名前や主要役職に使い、他は一段階暗くして階層を保ちましょう。控えめなフィルムグレインや文字間広めのデザインで高級感をプラスします。

media.io で生成したダークマターチャコールの画像例

天体カラーに合う色は？

天体のカラーパレットは、安定感のあるニュートラルと「スター」アクセント1色がベストマッチ。構造にはインクネイビー、チャコール、スレート、オフホワイト、クールグレーを使い、強調にはシアン、パーウィンクル、コーラル、ゴールド、ミントを加えましょう。

柔らかい印象にしたい場合は、宇宙のブルーとクリームやダスティラベンダーを組み合わせると、空気感を保ちつつ、SF感が出すぎません。よりエネルギッシュにしたい場合は、濃いネイビーと琥珀色、オレンジ、赤などのコメットトーンを合わせますが、暖色系はアクセントとして面積を小さくすると階層が整います。

質感や仕上げも色同様に作用します。微細なグレイン加工、マットペーパー、メタリック箔（シルバー／ゴールド）などは「星」の効果を高めつつ、カラーパレットの中核をしっかり維持できます。

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

まず深いベース色で奥行きを作り、その上でテキストやサーフェスのための明確なニュートラルの階段を作りましょう。UIでは、最も明るいニュートラルをカード、ミッドニュートラルを区切りやセカンダリラベルに使うと、どの状態でもコントラストが保てます。

鮮やかなアクセントは画面ごとに1つの主要アクションや、ポスターごとに1つのフォーカルに限定しましょう。これで銀河カラーの配色がノイジーにならず、各ハイライトが「星」として際立ちます。

印刷物（パッケージ、招待状、文具）では、深い色で高級コントラストを出し、最も明るい色はラベルパネル用に取っておきます。メタリックディテールやスポットグロスを少し加えれば、色を増やさずともドラマティックに仕上がります。

AIで天体パレットビジュアルを作成する

天体カラーパレットを素早くプレビューしたい場合は、最終デザイン前に用途に合わせたモックアップ（UI画面、ポスター、パッケージ、タイトルカード等）を生成してみましょう。これでコントラスト、雰囲気、アクセントのバランスを高速でテストできます。

Media.ioのテキスト→画像機能では、（上記のような）プロンプトをそのまま貼り付け、レイアウト・照明・質感・比率を変えながら、HEX着想のパレットを一貫して活用できます。

次へ： グリーン・イエロー・レッドのカラーパレット