グリーンブルーのパレットは、ブルーの落ち着きとグリーンの成長エネルギーを融合させ、深いティールから軽やかなミントまで幅広いスペクトルを提供します。信頼されやすく、読みやすく、現代的なUI、ブランディング、印刷、インテリアなどさまざまな用途で柔軟に使えます。
以下は、HEXコード、雰囲気の説明、実際のデザインで組み合わせて活用する方法とともに厳選したグリーンブルーカラーパレットのアイデアです。
この記事の内容
なぜグリーンブルーパレットは効果的なのか
グリーンブルーは多くの人にとって「コンフォートゾーン」に位置しています：水のように清潔感があり、深い海の色のような信頼感がありながら、グリーン特有の新鮮さや前向きさも持っています。そのため、落ち着き・現代的・信頼感を求めるブランドにぴったりです。
デザインの観点では、ティールからミントのレンジは、強い彩度を必要とせずに深みと軽やかさの両方を提供します。暗い色を基軸にして鮮やかなアクセント、そして柔らかい色合いで仕切りや背景に明確な階層を作れます。
また、媒体を問わずとても適応力があります。グリーンブルーのパレットは画面（UI状況やチャート、アイコン）にも印刷物（パンフレット、パッケージ、ステーショナリー）にも適しており、特に暖色系のニュートラルと組み合わせることで、人らしさを保ちやすくなります。
20種類以上のグリーンブルーカラーパレットアイデア（HEXコード付き）
1）シーグラスハーバー
HEX： #0B7285 #1B9AAA #7AE7C7 #B8F2E6 #0B3C49
雰囲気：沿岸・クリーン・リフレッシュ
おすすめ用途：ウェルネスランディングページUI
沿岸の清らかさを感じるトーンで、塩水に磨かれたシーグラスのような印象です。ウェルネスやスキンケア、落ち着きを求めるSaaSブランドに適し、冷たすぎずクリアな印象を与えます。暖かい砂色のニュートラルや柔らかいオフホワイトと組み合わせてレイアウトに余白を持たせましょう。使い方のコツ：最も暗いティールを見出しや主要ボタンに使うことでページの基軸を作れます。
media.ioで生成したシーグラスハーバーの画像例
Media.ioは、ブラウザー上で動画・画像・音声を作成／編集できるオンラインAIスタジオです。
2）アルパインラグーン
HEX： #0F172A #0EA5A4 #22C55E #A7F3D0 #E6FFFA
雰囲気：シャープ・モダン・高地風
おすすめ用途：アウトドアブランドアイデンティティ
シャープで爽やかな印象は、氷河の水と明るい松が交わるよう。グリーンブルーカラーパレットはアウトドア用品やエコ系スタートアップ、旅行系ブランドの現代的なイメージに適しています。チャコールのタイポグラフィやメタリックシルバーを少し加えると高級感が出ます。使い方のコツ：ミント色は背景のウォッシュとして使い、エメラルドはバッジやアイコンにアクセントとして使用。
media.ioで生成したアルパインラグーンの画像例
3）トロピカルレイン
HEX： #064E3B #0F766E #14B8A6 #34D399 #ECFDF5
雰囲気：豊か・湿潤・活気
おすすめ用途：飲料商品の広告
熱帯雨林の葉を思わせる温かい雨のようなトーンで、飲料広告やリフレッシュ系メッセージ、即座に活気を伝えたい夏のキャンペーンにぴったりです。鮮やかな柑橘系アクセントやクリーンな白文字と合わせて構成を引き締めましょう。使い方のコツ：濃いグリーンを商品説明の背景として使うとコントラストが高まります。
media.ioで生成したトロピカルレインの画像例
4）ミントサーキット
HEX： #0B1320 #0E7490 #10B981 #99F6E4 #F1F5F9
雰囲気：テクノ風・スタイリッシュ・前向き
おすすめ用途：フィンテックダッシュボードUI
スタイリッシュで前向きな印象は、LEDインジケーターやクリーンな回路を連想させます。フィンテックダッシュボードやアナリティクスツール、生産性向上ツールに自信と信頼感を与えます。クールなグレーや余白と組み合わせて、クリアで信頼感のある印象に。使い方のコツ：ミント色は成功状態やマイクロインタラクションに使用し、主なテキスト色には使用しない。
media.ioで生成したミントサーキットの画像例
5）ボタニカルタイド
HEX： #14532D #0F766E #2DD4BF #86EFAC #F0FDF4
雰囲気：フレッシュ・植物系・回復感
おすすめ用途：春の植物イラスト
新芽と透明な水を思わせる爽やかで回復感のある配色です。季節限定プロモやエコパッケージ、穏やかなライフスタイル系コンテンツに適しています。テクスチャ付オフホワイトやくすんだクレイ色をアクセントで組み合わせれば自然な安定感が出ます。使い方のコツ：アクア色は小さなハイライトに留めてグリーンの自然な印象を維持しましょう。
media.ioで生成したボタニカルタイドの画像例
6）ノルディックフィヨルド
HEX： #0F172A #155E75 #0EA5A4 #A5F3FC #E2E8F0
雰囲気：クール・ミニマル・穏やか
おすすめ用途：エディトリアル雑誌見開き
クールで穏やかな雰囲気は、霧深いフィヨルドや静かな朝を思わせます。控えめなコントラストが、エディトリアルレイアウトやルックブック、デザイン系ブログに最適です。ブラックのセリフ見出しと余白をたっぷりとることで洗練された印象を作れます。使い方のコツ：薄いシアン色は引用文の背景として使うと控えめな構造感を演出できます。
media.ioで生成したノルディックフィヨルドの画像例
7）レトロサーフ
HEX： #1B4332 #2A9D8F #48CAE4 #F1FAEE #264653
雰囲気：遊び心・ヴィンテージ・日焼け色
おすすめ用途：夏イベントポスター
遊び心と日焼けしたヴィンテージのサーフボードやボードウォークサインを思わせる配色。グリーンブルーの組み合わせは夏のイベントやポップアップマーケット、カジュアルな音楽ナイトに最適です。暖色系コーラルのアクセントや太めのサンセリフフォントの組み合わせでレトロな雰囲気を盛り上げます。使い方のコツ：ポスターのベースはオフホワイトにして色味のヴィンテージ感を引き出します。
media.ioで生成したレトロサーフの画像例
8）ディープリーフ
HEX： #001219 #005F73 #0A9396 #94D2BD #E9D8A6
雰囲気：ムーディー・水中・映画風
おすすめ用途：旅行ビデオサムネイル
ムーディーで映画的な雰囲気は、深い水に潜り光がティール色に変わるような印象を与えます。旅行系サムネイルやドキュメンタリーの表紙、物語性のあるビジュアルで雰囲気を強調したい時におすすめです。暖かい砂色ハイライトと合わせて人間味を加え、寒さを和らげます。使い方のコツ：テキストはほぼ白色で、最も暗い色は読みやすいグラデーションベースに。
media.ioで生成したディープリーフの画像例
9）アクアオーチャード
HEX： #134E4A #0D9488 #22C55E #BBF7D0 #F8FAFC
雰囲気：明るく・親しみやすい・ヘルシー
おすすめ用途：オーガニック食品パッケージ
明るくヘルシーな印象は、朝の光の下で新鮮な農産物を思わせます。オーガニック食品、ファーマーズマーケットブランド、クリーンラベルパッケージに最適です。クラフト紙やシンプルな線アイコンを組み合わせて信頼感やシンプルさを強調。使い方のコツ：大胆なティールは商品名に、淡いグリーンはフレーバーや原材料表示に。
media.io を使用して生成されたアクアオーチャードのイメージ例
10）グレイシャーメドウ
HEX： #0C4A6E #06B6D4 #4ADE80 #DCFCE7 #F0FDFA
雰囲気： 空気感、軽やか、清潔
おすすめ用途： ヘルスアプリのオンボーディングUI
空気感があり、爽やかで、晴れた空が緑の野原の上に広がるような印象です。視覚的なノイズなしで励ましがほしい健康や習慣系アプリに最適です。やわらかいグレーの区切り線や角丸コンポーネントと組み合わせて、フレンドリーなオンボーディング体験に。使い方のコツ：進行状況にはシアン、完了ステートには明るいグリーンを使うことで直感的な階層を作れます。
media.io を使用して生成されたグレイシャーメドウの画像例
11）ネオンケルプ
HEX： #042F2E #0F766E #22D3EE #A3E635 #0B1320
雰囲気： ボールド、エレクトリック、夜の雰囲気
おすすめ用途： 音楽フェスティバルのフライヤー
大胆でエネルギッシュ、深い海の夕闇にネオン看板が光るイメージです。グリーンとブルーの配色はフェスのフライヤーやDJラインナップ、ナイトライフのプロモーションに最適。ブラックの背景やタイトな書体と組み合わせて、エネルギーをコントロールしましょう。使い方のコツ：ライムは日付やCTA用のインパクトあるポイントアクセントとして使いましょう。
media.io を使用して生成されたネオンケルプの画像例
12）セージベイ
HEX： #1F2937 #0E7490 #5EEAD4 #A7F3D0 #F3F4F6
雰囲気： 穏やか、ソフト、現代的
おすすめ用途： インテリアデザインのムードボード
穏やかで現代的、静かな湾の近くのリネンカーテンのような印象。インテリアやホームブランド、ミニマルなライフスタイル系コンテンツに最適です。温かみのある木目やマットブラックの金物でバランスを。使い方のコツ：淡いミントをベースにし、ティールは小さく繰り返し使うアクセントとして視線を誘導しましょう。
media.io を使用して生成されたセージベイの画像例
13）レイニーテラス
HEX： #0F172A #1E3A8A #0EA5A4 #34D399 #CBD5E1
雰囲気： 嵐のよう、アーバン、集中力
おすすめ用途： 企業向けプレゼンテーションスライド
嵐のようで引き締まった印象、濡れた舗道やガラスに映る都市の光を思わせます。暗いベースが現代的な色調を持つ企業向けデッキにも最適。真っ白な空間と、スライドごとにひとつの明るいアクセントだけを使って整理された印象に。使い方のコツ：チャートにはティール、グリーンはポジティブな差分だけに限定して意味を明確にしましょう。
media.io を使用して生成されたレイニーテラスの画像例
14）リバーストーンスパ
HEX： #0F766E #2DD4BF #86EFAC #F1F5F9 #334155
雰囲気： 癒やし、バランス、スパの雰囲気
おすすめ用途： スパのパンフレットデザイン
癒やしとバランス、川石の上の湯気のような心地良さ。これらの色調はスパのパンフレット、マッサージメニュー、落ち着いたサービスブランドに自然にマッチします。やわらかなグレーのタイポと十分な余白でリラックス感を強調できます。使い方のコツ：もっとも明るいミントをアイコンや区切り線に使って静かな印象を維持しましょう。
media.io を使用して生成されたリバーストーンスパの画像例
15）エメラルドアイス
HEX： #052E2B #0D9488 #22C55E #7DD3FC #F0FDFA
雰囲気： フレッシュ、ハイコントラスト、シャープ
おすすめ用途： スポーツドリンクのラベル
フレッシュでシャープな印象、氷のようなブルーとスポーティーなエメラルドコアの組み合わせです。パフォーマンス系ブランドやスポーツドリンクのラベル、エネルギッシュな小売のシーンにピッタリ。太めのコンデンス書体とクリーンな余白でアスレチック感を演出。使い方のコツ：シャイン効果にはアイシーブルーを、メインのロゴやブランドブロックにはエメラルドを使い棚でも視認性を高めましょう。
media.io を使用して生成されたエメラルドアイスの画像例
16）パインウェーブスタジオ
HEX： #0B3D2E #0F766E #06B6D4 #A7F3D0 #0B1320
雰囲気： クリエイティブ、ムーディー、スタジオモダン
おすすめ用途： クリエイティブエージェンシーのWebサイト
クリエイティブで現代的なスタジオ空間、ティールのLEDと沿岸の空気がわずかに感じられる暗い部屋の印象。エージェンシーのWebサイトやポートフォリオ、ケーススタディページなど、深みと洗練を求めるシーンに最適です。淡いオフホワイトの本文と温かみのあるタンアクセントでフレンドリーなバランスに。使い方のコツ：シアンはリンクやホバーステートのみ少量使い、体験を上品に保ちましょう。
media.io を使用して生成されたパインウェーブスタジオの画像例
17）セラドンカレント
HEX： #164E63 #0EA5A4 #5EEAD4 #BBF7D0 #FAFAF9
雰囲気： 穏やか、空気感、楽観的
おすすめ用途： 結婚式招待状セット
穏やかでさわやかな印象、日差しの下の半透明なセラドングレーズのようです。結婚式のペーパーアイテムやブライダルシャワー、重たくならない上品な招待状デザインにピッタリ。ゴールド箔やソフトなチャコールの書体と組み合わせて洗練された仕上がりに。使い方のコツ：一番明るい色を紙ベースに、ティールは名前や大事な線だけに使ってください。
media.io を使用して生成されたセラドンカレントの画像例
18）ティールスプルース
HEX： #052E16 #166534 #0F766E #22C55E #E7F5EF
雰囲気： 安定感、森林、信頼
おすすめ用途： 環境NPOの年次報告書
落ち着きと信頼感、スプルースの葉や深い森の木陰を思わせます。非営利活動のレポートやサステナビリティ関連、信頼を得たい長文資料にも最適。温かみのあるオフホワイトのページや控えめな写真でヒューマンな印象に。使い方のコツ：もっとも濃いグリーンはセクション見出しに、ティールはチャートと本文の判別に使いましょう。
media.io を使用して生成されたティールスプルースの画像例
19）ラグーンリネン
HEX： #0B7285 #2A9D8F #B7E4C7 #F8F7F4 #6B7280
雰囲気： ソフト、ナチュラル、リラックス
おすすめ用途： ホームテキスタイルカタログページ
やわらかくリラックスした印象、明るいラグーンのそばで晒したリネンのよう。落ち着いた彩度なので、カタログや商品リスト、静かなECページに最適です。暖かみのあるニュートラルカラーや控えめな影と組み合わせて、上質で触感を感じる仕上がりに。使い方のコツ：ティールはカテゴリタグに、淡いリネン系は背景支配色に使い、空気感のあるグリッドを作りましょう。
media.io を使用して生成されたラグーンリネンの画像例
20）オーシャンガーデン
HEX： #0A3D62 #0E7490 #10B981 #84CC16 #F0FDF4
雰囲気： ビビッド、ガーデンの新鮮さ、楽しい
おすすめ用途： 子ども向け教育アプリUI
ビビッドで楽しく、海水が明るいガーデンベッドを育てるようなイメージです。このグリーンとブルーのパレットは子ども向け教育アプリやフレンドリーなオンボーディング、ゲーミフィケーション学習画面に最適。丸みのあるイラストや十分な余白と組み合わせて、遊び心を保ち混乱を防ぎましょう。使い方のコツ：ライムは報酬色、ティールはナビゲーションで使い、子どもがUIパターンをすぐ覚えられるようにできます。
media.io を使用して生成されたオーシャンガーデンの画像例
グリーンブルーと相性の良い色は？
暖かいニュートラルカラーはもっとも合わせやすい組み合わせです：サンド、ベージュ、アイボリー、クリーミーなオフホワイトがティールやシアンを和らげて全体を親しみやすい印象にします。特に印刷物やパッケージ、ライフスタイルブランディングで「クリーンだけど無機質すぎない」見た目に効果的です。
コントラストを出すなら、グリーンブルー系にチャコールやスレート、ブラックに近い色を組み合わせて、UIやエディトリアルレイアウトでシャープな階層感を作りましょう。より印象的なアクセントが必要なら、コーラルやテラコッタ、ウォームゴールドなどを試すと、クールなベースの反対側で瞬時にエネルギーを加えられます。
データ主体のデザインでは、パレット管理を徹底しましょう：明るいグリーン1色だけを「成功・ポジティブ」に、ティールはプライマリアクションやナビゲーション用に、淡い色は背景パネル用にと役割を分けることで視認性を保てます。
実際のデザインでグリーンブルーカラーパレットを使う方法
まずは役割を割り当てましょう：見出しやナビゲーションには濃い色、主要なUI要素には中間のティール、ハイライトには明るいアクセント、面には2種の淡い色とすることで、ティールの使いすぎによる平坦な印象を防げます。
ブランディングでは、グリーンブルーにはウォームなカウンター要素を加えると効果的です。クラフト紙風のテクスチャや木目、少しの暖色アクセントなどを足すことで、より人間味のあるアイデンティティに。印刷の場合、インクやCMYK変換でシアンが沈みがちなので早い段階で試作・調整を推奨します。
アクセシビリティの観点では、テキストやインタラクティブ要素のコントラストを必ず確認しましょう。明るいアクア系背景が好きな場合は、文字色を濃いスレートやチャコールにして、ティールはボタンやバッジ、チャートなど、色に意味が出る部分だけにポイント利用してください。
AIでグリーンブルーパレット画像を作る
グリーンブルーパレットが実際のレイアウトでどう見えるか確かめたい場合は、AIでランディングページやポスター、パッケージ、招待状などのモックアップを即席で生成してみましょう。ムードやコントラスト、アクセント配置を量産前に確認できます。
Media.io のテキストから画像生成ツールを利用すると、上記のようなプロンプトを貼り付けて素早くスタイルを試すことができ、検討中のHEXカラーに合わせたビジュアルを一貫して作れます。
ぜひ、ミニマル、ハイコントラスト、ウォームニュートラルのバリエーションをいくつか生成してみてください。ティール、シアン、グリーンのバランスがあなたのブランドにどれがいちばん合うかがすぐに分かります。
グリーンブルーカラーパレットに関するよくある質問
-
グリーンブルーカラーパレットとは？
グリーンブルーカラーパレットとは、グリーンとブルーの中間に位置する色合い（主にティール、シアン、アクア、エメラルドなど）を基本に、淡い色とひとつの濃色アンカーを対比させた配色セットです。 -
ティールはグリーンとブルーのどちらですか？
ティールは一般的に青緑系とみなされます。デザインでは信頼・明快さを与えるクールなブルーの役割を果たしつつ、グリーンの「フレッシュ・健康」という印象も併せ持っています。 -
グリーンブルーと一番合うアクセントカラーは？
コーラル、テラコッタ、ピーチ、ゴールドなど暖色系が強いコントラストを作ります。控えめなアクセントには、サンド、アイボリー、暖色グレー、淡いトープなど自然な印象のニュートラルもおすすめです。 -
グリーンブルーUIを冷たすぎない印象にするには？
オフホワイト背景やソフトな影、少しの暖色アクセント（タンやコーラルなど）で温かみをプラスしましょう。また、ピュアシアンを主要背景色にせず、ハイライト用途だけにしてください。 -
ブランディングにおすすめのグリーンブルーパレットは？
現代的で汎用性の高いブランディングには、ひとつの濃いアンカー、クリーンなティール、ソフトな淡色（例：シーグラスハーバーやアルパインラグーン）などを揃えたパレットが、ロゴやWeb、印刷物まで幅広く使えます。 -
グリーンブルーの配色は印刷に向いていますか？
できますが、明るいシアンやティールはCMYKで特に未塗装の紙の場合、色がずれることがあります。必ず校正を依頼し、飽和したシアンはやや落ち着かせることで、より予測しやすい結果を得られます。 -
自分のグリーンブルーのパレットに合うモックアップは、どうやって作成できますか？
Media.ioのテキストから画像へのプロンプトを使い、レイアウトの種類（UI、ポスター、パッケージ）や雰囲気（沿岸、モダン、ミニマル）を説明し、グリーンとブルーが意図した雰囲気に合うまで繰り返し調整しましょう。
