北欧カラーパレット：柔らかい色や鮮やかな配色・HEXコード一覧

スカンジナビアのカラーパレットは、明るいニュートラルカラー、控えめなブルーやグリーン、そして温かみのある木材を思わせるアクセントを中心に構成されています。その結果、落ち着きがあり機能的でモダンな雰囲気が生まれ、ミニマルなインテリアやクリーンなブランディング、読みやすさを重視したUIに最適です。

以下は、HEXコード付きの北欧風パレットペアリング20種類以上と、数秒でビジュアル生成ができるAIプロンプトを紹介します。

スカンジナビアのパレットが優れている理由

スカンジナビアの配色は、明度の高いニュートラルカラーと低彩度のアクセントに依存しているため、「明るさと柔らかさ」を兼ね備えます。これにより、コンテンツが多いレイアウトでも、空間やインターフェースが開放的に感じられます。

コントラストには純粋な黒ではなくチャコールやスレートが使われるので、全体の印象は穏やかでモダンに保たれます。可読性、アクセシビリティ、長期的なブランド一貫性にも実用的な選択です。

多くの北欧パレットにはウッド、クレイ、ラスト、アンバーなどの温かみのある要素も加わるため、ミニマリズムの中にも人間味を感じさせます。このバランスこそがスカンジナビアデザインの居心地の良い透明感を生み出します。

20以上のスカンジナビアカラーパレットのアイデア（HEXコード付き）

1) フィヨルドミスト

HEX： #f3f5f4 #cfd8d6 #9fb1b8 #4f6a73 #2f3a3f

雰囲気： 穏やかで空気感がある

最適用途： ウェルネスアプリUI

静かなフィヨルドの朝霧のように、穏やかで澄んだ色調です。淡いグレイグリーンを背景に、スレートブルーでボタンやナビゲーションを表現。深いチャコールでテキストやアイコンのコントラストをキープ。使い方のコツ：影は柔らかく広く取り、UI全体を軽やかで北欧的に。

media.ioで生成したフィヨルドミストの画像例

Media.io

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

今すぐ無料で試す

2) バーチ＆リネン

HEX： #fbf7ef #e6dccb #c9b8a3 #7f6f63 #2f2b28

雰囲気： 温かみと手触り感

最適用途： 居心地の良いインテリアムードボード

バーチ樹皮や織りリネン、日差しを受けた木の床のように、温かみと控えめな雰囲気。リビング空間やブランド撮影にもぴったりな北欧カラーパレット。クリーミーなベースにミディアムタンを差し色、エスプレッソ色のテキストでレイアウトを引き締めて。コツ：カラーを増やすのではなく、紙や布のテクスチャで質感をプラス。

media.ioで生成したバーチ＆リネンの画像例

3) アークティックダスク

HEX： #f6f8fb #d7e2ee #8aa4bf #4b647f #1f2a36

雰囲気： 静かで集中

最適用途： SaaSダッシュボードUI

氷の海岸線に夕暮れが訪れるような静けさと集中感。淡いアイスブルーをパネルに、スチールブルーをチャートやアクセントに。ネイビーブラックでヘッダーやデータの可読性を支えます。コツ：アクセント色は一度に1色に絞って使うと、クリーンなダッシュボードを実現。

media.ioで生成したアークティックダスクの画像例

4) コッパーキャビン

HEX： #f2efe9 #d2c7b8 #a58a78 #c26a4a #2b2a28

雰囲気： 素朴でモダン

最適用途： コーヒーパッケージデザイン

淡い木材とストーブの輝きのような素朴さと、モダンなバランスが特徴です。ミニマルな温かみが必要な北欧配色に最適。オフホワイトにコッパーでロゴやバッジをアクセント。コツ：コッパーはマット仕上げの特色で印刷し、上品かつ温もりある印象に。

media.ioで生成したコッパーキャビンの画像例

5) セージサウナ

HEX： #f5f3ee #d8dfd5 #a6b7a6 #6b7f70 #2f3b35

雰囲気： 落ち着きと新鮮さ

最適用途： スパフライヤーデザイン

蒸気やヒノキ、砕いたセージリーフのようなナチュラルグリーン。淡いクリームを背景に、やわらかなセージでブロックや区切りを表現。深いフォレスト色は見出しや料金部分に。コツ：余白をたっぷり取り、グリーンが壁のようではなく、息吹を感じさせるように。

media.ioで生成したセージサウナの画像例

6) ウィンターベリーウール

HEX： #f7f5f2 #d9d3cc #8a8f97 #b35a5e #2b2f33

雰囲気： ぬくもりとアクセント

最適用途： ホリデー招待状

ウールのブランケットと雪の上のベリーのような、華やかさと控えめさを兼ね備えた配色。くすんだローズレッドは名前や枠、イラストワンポイントのアクセントに最適。柔らかなグレーと合わせることで現代的な雰囲気に。コツ：ベリー色は10〜15％程度の面積に抑え、上品に。

media.ioで生成したウィンターベリーウールの画像例

7) ストーンハーバー

HEX： #f4f6f7 #cfd6d8 #9aa7ad #5b6b73 #2a3136

雰囲気： クールで安定感

最適用途： 建築ポートフォリオレイアウト

冬の海に浮かぶ石の桟橋のような、静かな自信をもたらすグレー系。明るい色は余白や画像フレーム、ミッドスレートはキャプションや区切り線に。ディープチャコールでシャープなタイポグラフィを実現。コツ：写真の彩度を低く保ち、統一感のあるレイアウトに。

media.ioで生成したストーンハーバーの画像例

8) シーグラス・ミニマル

HEX： #f0f7f6 #cfe7e4 #8bc1bd #3f8a86 #263b3a

雰囲気： 新鮮＆モダン

最適用途： フィンテックのランディングUI

冷たい水で磨かれたシーグラスのように、さわやかで信頼感のあるティール系。最も淡いアクアでセクション、ミッドティールをボタンやバッジに。深いグリーンチャコールは数字の視認性を高めます。コツ：グラデーションは2段階のさりげないものに抑え、ミニマルさを維持。

media.ioで生成したシーグラス・ミニマルの画像例

9) アンバーランタン

HEX： #fbf3e6 #e7d2b0 #c7a26a #a86d3e #2e2a26

雰囲気： ゴールドで親しみやすい

最適用途：レストランメニューデザイン

長い木製のテーブルの上のランタンの光のように金色で魅力的なこれらのブラウンとアンバーは歓迎されています。クリーミーなベースがメニューを読みやすくし、キャラメルトーンがセクションやスペシャルメニューを強調します。ダークエスプレッソのタイプと薄い仕切りを使用して、プレミアムな外観を維持します。使用法のヒント: 画像を暖かい色調に保つか、写真をセピアに変換して一貫性を保ちます。

media.ioを使って生成した琥珀ランタンの画像例

10) 苔の道

HEX：#f4f2ea #d7d4c4 #9aa27a #6e7b4a #313826

雰囲気：自然で接地された

最適用途：アウトドアブランドロゴと文房具

天然で、石や晩夏のトレイルの苔のように地面についたこれらのオリーブは、土っぽいですが洗練された感じがします。軽いオーツ麦の色合いを紙の原料として使用し、苔や森にマークを作り、時代を超越したアイデンティティを実現します。チャコールグリーンはスタンプやモノグラムに強いコントラストを与えます。使用法のヒント: グリーンが柔らかくオーガニックに印刷されるように、コーティングされていない紙を試してください。

media.ioを使って生成したmossyパスの画像例

11) 北欧デニム

HEX：#f7f8fa #d7dde6 #8ea0b7 #4b5f7a #202833

雰囲気：鮮明で信頼性の高い

最適用途：eコマース製品ページUI

新鮮な雪に対して着用したデニムのようにパリッとした信頼性のあるこのブルーレンジは、実用的で洗練された感じがします。ページの背景にはライトグレーブルー、リンクとアクティブな状態にはミッドデニムトーンを使用します。価格と主要な UI ラベルはほぼ黒にして、色あせた外観を避けてください。使用法のヒント: シンプルなライン アイコンと多くの間隔を組み合わせて、ページの通気性を保ちます。

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

12) オート麦及び灰

HEX：#faf6f0 #e7dfd3 #bdb5aa #7a756f #2c2a28

雰囲気：ソフトでニュートラル

最適用途：ミニマリストのブログテーマ

オートミルク、温かい紙、暖炉の灰のように柔らかくニュートラルなこれらの色合いは、時代を超越した感じがします。装飾よりも読みやすさが重要な編集レイアウトで輝いています。見出しにはアッシュグレー、本文のテキストには最も暗いトーンを使用して、コントラストを穏やかに保ちます。使用法のヒント: 平らに見えないように、ページごとにテクスチャのある背景セクションを 1 つ追加します。

media.ioを使って生成したoat&ashの画像例

13) ミッドナイトスプルース

HEX：#eef2f1 #c5d1cd #6f8a82 #2f4b46 #142523

雰囲気：ムーディーで洗練された

最適用途：高級スキンケア製品広告

ムーディーで月明かりの下の常緑の針のように洗練されたこれらのグリーンは、プレミアムで落ち着いた感じがします。淡いミントグレーをネガティブスペースとして使用し、ボトルラベルと見出しを深いトウヒに載せます。黒に近い色が細かい文字と素材に深みを加えます。使用法のヒント: 照明を柔らかく指向性のある状態に保ち、濃い緑色が厳しくなく、ビロードのように見えます。

media.ioを使って生成したmidnight spruceの画像例

14）粘土陶器

HEX：#f7f1e8 #e1d1c2 #c5a18b #a2634b #2e2a26

雰囲気：土っぽくて職人的な

最適用途：陶芸店ポスター

手で投げた粘土と窯の暖かさのような土のようで職人技のこれらの日焼けとテラコッタは、細工された感じがします。ネガティブなスペースにはクリーミーなベース、ヘッドラインブロックやシンプルなイラストにはクレイトーンを使用してください。濃いブラウンブラックは、鮮明に見えずにタイプをシャープに保ちます。使用法のヒント: 手作りの表面をエコーするために、少し不完全なテクスチャオーバーレイを試してみてください。

media.ioを使って生成した土器の画像例

15) 氷河の設計図

HEX：#f4fbff #cfe8f5 #7db4d6 #2f6f98 #1b2b3a

雰囲気：明るく技术的な

最適用途：プレゼンテーションスライドデッキ

きれいなラインの上に氷河の水のように明るく技術的なこれらのブルースは、正確で楽観的に感じられます。氷の色合いをスライドの背景として使用し、ミッドブルーとディープブルーでチャートを作成します。プロジェクターでテキストが鮮明なままになるように、ヘッダーのインクトーンを暗く保ちます。使用法のヒント: スライドごとに 1 つのキー メトリックに最も強い青を予約してください。

media.ioを使って生成した氷河設計図の画像例

16) 太陽に照らされた松

HEX：#fff6e8 #e8e0c8 #b7b38b #6f7b4f #2d3626

雰囲気：明るくアウトドア

最適用途：自然ポッドキャストのカバーアート

松葉に当たる太陽のように明るくアウトドア的なこのミックスは、楽観的で地に足のついた感じがします。表紙のベースに淡いクリームを使用し、タイトルとシンプルな図像にオリーブを入れます。濃い緑と黒がタイポグラフィを固定しているため、サムネイル サイズで読みやすくなります。使用法のヒント: 縮小したときに泥だらけの緑を避けるために、イラストの形状を大胆かつ最小限に保ちます。

media.ioを使って生成したsunlit pineの画像例

17) 炭ヒュッゲ

HEX：#f6f4f1 #d8d2cc #a59f99 #5a5856 #1f1f20

雰囲気：ミニマルで居心地が良い

最適用途：ブランドガイドラインドキュメント

チャコールニットに対するキャンドルの明かりのようにミニマルで居心地の良いこれらのニュートラルは、自信と時代を超越した感じがします。ブランドシステムのスカンジナビアのカラーパレットとして、web、印刷、ソーシャル全体でレイアウトを一貫して保ちます。ページにはオフホワイト、UIコンポーネントにはミッドグレー、見出しとロゴにはほぼ黒を使用してください。使用法のヒント: グレーが無菌に感じないように、暖かい色合いの写真スタイルを 1 つ追加します。

media.ioを使って生成した炭ヒュッゲの画像例

18) ローズウッド静か

HEX：#faf3f0 #e6d1cd #c59a96 #8b5b5a #2a2526

雰囲気：柔らかくてロマンチック

最適用途：ウェディングステーショナリースイート

乾燥したバラや磨かれた木材のように柔らかくロマンチックなこれらのピンクブラウンは、甘いというよりもモダンな感じがします。ブラッシュを優しい背景として使用し、モノグラムやセクションヘッダーにローズウッドを使用します。深いココア シェードにより、軽い紙で本文のテキストが読みやすくなります。使用法のヒント: ローズウッドのモノグラムのみをホイルに塗り、残りはマットにして落ち着いた仕上がりにします。

media.ioを使って生成したローズウッドクワイエットの画像例

19) 小石と雲

HEX：#ffffff #e9ecef #c3c9cf #7a8792 #2b3137

雰囲気：清潔で広々としている

最適用途：モバイルアプリのオンボーディング画面

明るい曇り空の下の滑らかな小石のように清潔で広々とした、これらのクールなニュートラルは楽に感じます。背景に白とクラウドグレーを使用し、スチールトーンでキーステップを強調表示します。暗いスレートは、簡潔なコピーと進捗状況のインジケーターに最適です。使用法のヒント: オンボーディングが迅速にスキャンされるように、イラストをモノクロに保ちます。

media.ioを使用して生成されたpebble & cloudの画像例

20) 沿岸流木

HEX：#f7f4ee #d9d0c4 #a7a097 #6f6a63 #2a2927

雰囲気：風化して落ち着いた

最適用途：ライフスタイル雑誌の表紙

流木や塩で磨耗した石のように風化して落ち着いたこれらのトープは、リラックスして編集された感じがします。タイポグラフィ、ネガティブ スペース、微妙な階層に依存するカバー レイアウトに適しています。ライトクリームをベースにし、マストヘッドをダークチャコールでセットするとプレミアムな外観になります。使用法のヒント: 1 つのアクセント ラインを暖かいトープに保ち、叫ばずに目を誘導します。

media.ioを使って生成した沿岸流木の画像例

21) フロステッドラベンダー

HEX：#fbfbfd #e7e5f0 #bdb8d6 #7b739f #2a2735

雰囲気：柔らかく夢のような

最適用途：美容ニュースレターヘッダー

夜明けのラベンダー畑の霜のように柔らかく夢のようなこのパープルは、落ち着いてモダンな感じがします。ほぼ白を呼吸スペースとして使用し、淡いライラックのブロックとより深いバイオレットのアクセントでヘッダーを構築します。inky plum は、真っ黒にならずに強力なタイポグラフィを実現します。使用法のヒント: グラデーションを微妙に保ち、明るいピンクを避けて、洗練された外観を保ちます。

media.ioを使って生成したfrosted lavenderの画像例

22) さびと雪

HEX：#fbf8f3 #e2d7cc #b6a89b #b4583a #2b2a28

雰囲気：大胆で居心地の良い

最適用途：ホームデコレーション製品広告

新鮮な雪の上に錆びたトーンのスローのように大胆で居心地の良いこのミックスは、ミニマルな設定に熱を加えます。静かなバランスを失うことなく、1つの強いアクセントが必要なときに、北欧の色の組み合わせにフィットします。1 つのヒーロー オブジェクトまたは見出しに rust を使用し、残りのキャンバスはクリーミーなニュートラルに処理させます。使用法のヒント: 視覚的な騒音を避けるために、ニットやセラミックのような 1 つの材料仕上げに錆を保ちます。

media.ioを使って生成したrust & snowの画像例

スカンジナビアと相性の良い色は？

スカンジナビアのパレットは、風通しの良い白、柔らかいグレージュ、スレートブルー、ミスティティール、スチールグレーなどの穏やかなクールなトーンと最もよく合います。これらの色は、全体的な外観を明るく、整理整頓され、住みやすく保ちます。

ミニマルな感触を崩さずに暖かさを加えるには、タン、砂、粘土、テラコッタ、銅、琥珀などの自然なアクセントに傾いてください。北欧の古典的な素材である木材や陶磁器を反映しています。

コントラストのために、ピュアブラックではなくチャコール、ディープネイビー、またはグリーンブラックを選択してください。柔らかい「ヒュッゲ」の雰囲気を保ちながら、タイポグラフィを鮮明に保ちます。

スカンジナビアカラーパレットを実際のデザインで使う方法

ライトニュートラルベース（オフホワイト、クラウドグレー、オーツ）から始めて、メインキャンバスとして扱います。次に、カード、パネル、ディバイダー、セカンダリタイポグラフィなど、構造用のミッドトーンを 1 つ選択します。

焦点を合わせるために 1 つのアクセントを追加します。ラスト バッジ、ティール CTA ボタン、または招待状のベリーのディテールです。スカンジナビアの配色は、アクセントのカバレッジが制御され、意図的なままである場合に最も強く感じられます。

最後に、追加の色味を使うのではなく、テクスチャと余白でパレットを支えましょう。紙の質感やリネンのオーバーレイ、マットな仕上げ、そして十分なホワイトスペースが、北欧風の雰囲気をつくる重要な役割を果たします。

AIでスカンジナビアパレットのビジュアルを作成する

ムードボードやランディングページのモックアップ、商品スタイルのショットなどを作る場合、AIを使えばブランドに合ったビジュアルをすぐに生成できます。ポイントは、フォーマット（ポスター、UI、パッケージ）、ライティング（ソフト、自然光）、そして正確なスカンジナビアンカラーをしっかり記述することです。

上記のプロンプトをテンプレートとして使い、内容やアスペクト比を入れ替えてみてください。プロンプトに「ミニマル」「シンプルな背景」「ソフトな影」を含めることで、クリーンな北欧らしい雰囲気に仕上げることができます。

次に読む： ティール×ラスティーカラー パレット