フタログリーンは深みのある青みがかったグリーンで、デザインシステムに豊かさと透明感を瞬時に加えます。組み合わせる要素によって植物的、海洋的、あるいは近未来的な雰囲気を演出できます。
下記では、ブランド、UI、印刷向けに使用できるHEXコード付きの20種類以上のフタログリーン配色アイデアと、数秒でマッチするビジュアルを生成できるAIプロンプトを紹介します。
フタログリーンパレットがうまく機能する理由
フタログリーンは自然に「インクのような」奥行きを持つため、少量の使用でも高級感が感じられます。ブランドの主色として印刷でも画面でも沈んだ印象を与えず活躍します。
やや青みがあるため、スレートや花崗岩、ソフトミントなどのクールな中間色と合わせるとモダンなUIにピッタリです。砂や真鍮、羊皮紙、クレイなど暖かい素材とも調和します。
配色の階層表現でも柔軟に使えます。濃いフタログリーンは見出しやアイコンのブラック代用に、明るいシーグラス系の色は落ち着いた背景やネガティブスペースに最適です。
20種類以上のフタログリーン配色アイデア（HEXコード付き）
1) 深海植物園
HEX： #0B6B4A #0F2D2E #1F7A8C #E7E3D4 #C2A878
雰囲気： 穏やか、青々、安定感
おすすめ用途： 水彩植物イラストセット
穏やかな昆布のようなグリーンとインクのような海色が、タイドプールや日陰の温室を思わせます。ボタニカルプリントやパッケージラベル、グリーンが奥ゆかしく表現したいウェルネス系ビジュアルに最適です。クリームとティールでネガティブスペースと可読性を担保し、サンドカラーは小さなハイライトに。使用のコツ：輪郭線はディープブルーグリーンでまとめ、ブラックの強さを避けましょう。
media.ioを使って生成した深海植物園の画像例
Media.ioは、ブラウザ上で動画・画像・音声の生成や編集ができるオンラインAIスタジオです。
2) 銅苔のアクセント
HEX： #0A5F44 #1B2B26 #C46B3B #F3EFE6 #8F9B8A
雰囲気： 暖かみ、手作り感、自信
おすすめ用途： クラフトコーヒー包装ラベル
苔色グリーンに温かい銅色を合わせれば、手作りレザーや焙煎豆、ヴィンテージ薬箱の引き出しのような雰囲気に。自然なベースに高級な温かみが欲しいときに特におすすめ。銅色はスタンプや枠線、重要な呼び出しに、オフホワイトはコピーをすっきり見せます。使用のコツ：ブラックではなくブラックに近いグリーンでバーコードや小さなテキストを使うとブランド感が出ます。
media.ioを使って生成した銅苔アクセントの画像例
3) ミストユーカリ・ミニマル
HEX： #0C6A4B #4E6F63 #AFC7BD #F7F4ED #2F3D3A
雰囲気： 空気感、清潔感、癒し
おすすめ用途： スキンケアブランドLP
空気のようなユーカリグリーンと柔らかいミストトーンが、静かな朝のスパを思わせます。ペールミントや暖かいオフホワイトは商品写真や長文コピーにも使いやすく、最も濃い緑を見出しやボタン、グレイッシュグリーンは区切りやフォーム枠に。使用のコツ：コールトゥアクションのボタンは最も濃いグリーンでまとめ、明るい背景とのコントラストを保ちましょう。
media.ioを使って生成したミストユーカリ・ミニマルの画像例
4) ナイトマーケット・ネオン
HEX： #0B5E46 #081B1C #19D3A2 #FFD166 #F6F7F8
雰囲気： エレクトリック、都会的、遊び心
おすすめ用途： 音楽イベントポスター
濡れた路面に光るエレクトリックグリーン、ネオンミントとストリート灯台のゴールドがダークを切り裂く雰囲気に。ポスターやナイトライフ、エネルギッシュなSNS広告など、派手すぎず活気が欲しい時におすすめ。ほぼ黒のベースにネオンミントでキャッチーな文字、イエローはバッジや日付に。コツ：ネオンは一～二要素のみに使い、狙いすました印象にしましょう。
media.ioを使って生成したナイトマーケット・ネオンの画像例
5) 森インク・エディトリアル
HEX： #0A6147 #12211F #2D5B57 #EDE6D8 #B59B6A
雰囲気： 文学的、ムーディー、洗練
おすすめ用途： 雑誌特集レイアウト
ムーディーな森のインクと暖かな紙色は、ハードカバーの本や、夜の読書灯を彷彿とさせます。エディトリアルの見開きやブックカバー、深みと軽やかさを両立したいヘリテージブランドにピッタリ。クリームは余白や引用、真鍮の色味は区切りとして少量だけ。本文は最も深いグリーンブラックで、通常の黒より柔らかな高級感を演出します。
media.ioを使って生成した森インク・エディトリアルの画像例
6) シーグラス・ウェルネス
HEX： #0B6A4E #2B8C7D #BFE6DA #F4FBF8 #6B5B4C
雰囲気： フレッシュ、回復感、やさしさ
おすすめ用途： ヨガスタジオフライヤー
フレッシュなシーグラスグリーンと、すっきりした優しいトーンは呼吸法や潮風、朝の光のやさしさを想起させます。ウェルネスフライヤーやクラススケジュール、開放的で親しみやすいアプリ画面にも最適。深い緑は見出しや階層に、淡いミントは広い背景領域に。茶色は小さなテキストやアイコンなど限定的に。コツ：大きなエリアはごく薄いミント系で目の疲れを防ぎましょう。
media.ioを使って生成したシーグラス・ウェルネスの画像例
7) クレイ＆キャノピー
HEX： #0B5C43 #2F3B36 #C97B63 #F2E6D6 #7D8F72
雰囲気： アース感、家庭的、モダンラスティック
おすすめ用途： リビング用インテリアムードボード
素焼きの植木鉢や日陰のベランダを思わせる、大地のようなクレイとキャノピーグリーンの組み合わせ。インテリアムードボードやホーム系ブランド、暖かみを出したいライフスタイル写真加工に最適。クレイをアクセントに、クリームを主役にして明るく招き入れるバランスに。コツ：セージ（灰緑）は2～3素材に使って統一感のあるコーディネートを。
media.ioを使って生成したクレイ＆キャノピーの画像例
8) 北極ミント・テック
HEX： #095B43 #0E2A2B #63E6C6 #DDF7F1 #A7B2B6
雰囲気： シャープ、現代的、テクノロジー感
おすすめ用途： SaaSダッシュボードUI
ディープグリーンブラック上に映える冷たいミント色は、クリーンなワークステーションのクールな輝きのよう。ダッシュボードやフィンテック、アナリティクス画面など、明確な階層が必要な場面に最適。暗いベースはナビ用、ミントはアクティブ状態で、ペールアクアはグラフや空欄用。コツ：グレーは寒色寄りで、ミントの鮮度を保ちましょう。
media.ioを使って生成した北極ミント・テックの画像例
9) ヴィンテージ薬局
HEX： #0B6349 #3B2F2A #D8C2A4 #F6F0E6 #7C8B83
雰囲気： ノスタルジック、手触り感、信頼感
おすすめ用途： ハーバルティンクチャー ボトルラベル
ココアブラウンやエイジドパーチメントのトーンを持つノスタルジックなグリーンは、ガラスボトルやスタンプ付き紙ラベルを思わせます。アポセカリー風パッケージやクラフトフード、ストーリー性を重視したブランディングにご活用ください。パーチメント色をメインラベルに、製品名は深いグリーン、詳細はブラウンで構成しましょう。使い方のヒント：グレーグリーンの細いボーダーを加えて、暖色と寒色のつながりを演出します。
media.ioで生成したヴィンテージ風薬瓶の画像例
10) トロピカル・シェード・ポップ
HEX： #0B6F4C #12423A #FF6B6B #FFE66D #F7FFF7
雰囲気：晴れやか、大胆、バケーション気分
おすすめ用途：サマーセール用SNS広告
トロピカルシェードのグリーンと鮮やかなコーラルやサニーイエローが、ヤシの葉の下のフルーツスタンドのような雰囲気を生みます。季節のプロモーションやフェスティバルのグラフィック、目を引くDTC広告などに最適です。コーラルを目立たせ、グリーンはボタンや枠、ヘッダーに使用しましょう。使い方のヒント：コーラルやイエローと競合しないよう本文は主にダークグリーンで統一。
media.ioで生成したトロピカルシェードポップの画像例
11) グラナイト＆ファーンUI
HEX： #0A5D45 #26302F #6D7C7A #EEF1F0 #C7B9A1
雰囲気：プロフェッショナル、落ち着き、控えめ
おすすめ用途：ファイナンスアプリUIキット
安定感のあるグラナイトグレーとファーングリーンのアクセントが、信頼性と控えめな高級感を演出します。こうしたフタログリーン配色は、シリアスなインターフェースに最適な繊細ながらも十分なコントラストを提供します。画面やカードにはオフホワイト、深いグリーンはプライマリーアクションや主要な数値に。使い方のヒント：サブボタンはミッドグレーで階層感を保ちましょう。
media.ioで生成したグラナイト＆ファーンUIの画像例
12) ローズウッド・ボタニカル・リュクス
HEX： #0A6446 #2A1E1A #7B3B3B #EAD7C4 #D1B2A1
雰囲気：高級、ロマンチック、ドラマティック
おすすめ用途：プレミアムキャンドルパッケージ
深いグリーンにローズウッドやココアのニュアンスで、ろうそくの灯るブティックの空気が漂います。プレミアムなパッケージやフレグランスブランド、ギフトセットなど、豊かさを色で伝えたい場面に最適です。ローズウッド小パネルやシールに、ベージュはメインラベルに使いすぎて暗すぎないよう配慮。使い方のヒント：ココア色は細かな文字印刷に使い、ムードを壊さず可読性を保つ。
media.ioで生成したローズウッド・ボタニカル・リュクスの画像例
13) シトラス・グローヴ・エナジー
HEX： #0B6A47 #1A3B2F #FFB703 #FBF8F0 #8EC07C
雰囲気：明るい、前向き、アウトドア
おすすめ用途：スポーツ栄養プロダクト広告
深いグリーンに柑橘イエローが加われば、葉の間から差し込む日差しのような印象に。エネルギッシュな広告やフィットネスパッケージ、クリーンなのに強烈すぎないアウトドアブランドなどに最適です。オレンジイエローで特長打ち出し、オフホワイトで製品説明まわりの余白を確保。使い方のヒント：明るいグリーンはグラフやアイコンに使い、イエローの特別感をキープ。
media.ioで生成したシトラス・グローヴ・エナジーの画像例
14) デザート・サキュレント
HEX： #0B5A42 #4A5A54 #D8A66A #F5E9D8 #8AAE9E
雰囲気：焼けた、ナチュラル、リラックス
おすすめ用途：ボタニカル壁掛けアートプリント
焼けた砂と多肉植物のグリーンは、雨上がりの静かな砂漠の庭を思わせます。ウォールアートやエコブランド、温かみが必要だが赤味はいらない落ち着いたレイアウトにぴったりです。砂色を主役に、茎やタイトル、枠にディープグリーンを。使い方のヒント：グレーグリーンは影やテクスチャのつなぎ色に。
media.ioで生成したデザート・サキュレントの画像例
15) モノクローム・エバーグリーン
HEX： #0B6B4D #0A4D3A #123328 #2E6A57 #D9E6DF
雰囲気：集中、エレガント、タイムレス
おすすめ用途：ミニマル ブランドアイデンティティセット
重なったエバーグリーンの色調は、濃密な葉や影、柔らかな霧を想起させる控えめな高級感があります。ミニマルなアイデンティティを求めつつ、奥行や豊かさも感じさせたいときに最適です。背景はライトミントグレー、ロゴや書体はもっとも暗いグリーンで。使い方のヒント：コントラストは色数よりも質感や余白で作るのがコツ。
media.ioで生成したモノクローム・エバーグリーンの画像例
16) パール＆パイン・セレモニー
HEX： #0A6345 #2E3A35 #F7F1E6 #D8C7B2 #A7C4B8
雰囲気：ソフト、フォーマル、控えめ
おすすめ用途：結婚式招待状セット
パールとパイングリーンの柔らかなトーンは、リネンや押し葉、静かなエレガンスを連想させます。インビテーションやメニュー、式典サインに、流行に寄らずクラシックなグリーンを。メイン用紙はパール、名前や見出しにはパイン、ベージュは控えめな枠に。使い方のヒント：小さな文字はチャコールグリーンで印刷し、質感ある紙でも視認性を保つ。
media.ioで生成したパール＆パイン・セレモニーの画像例
17) スレートハーバー・ブランディング
HEX： #0B5F49 #1F2B2E #5C7A86 #E9EEF0 #C9B18C
雰囲気：コースタル、大人、コーポレート
おすすめ用途：コンサルティングファームブランドキット
スレートハーバーブルーと深いグリーンは船や鉄、落ち着きある権威を想像させます。コンサルティングやB2Bサービス、信頼と現代性が必要なインスティテューショナルブランドに好相性。明るいグレーは資料やスライドに、チャートにはティールブルー、グリーンは主要ヘッダーで基軸になります。使い方のヒント：ウォームタンはアイコンや小さな強調のみ限定使用。
media.ioで生成したスレートハーバーブランディングの画像例
18) オーキッド・ジャングル・コントラスト
HEX： #0B6A49 #17312A #7B2CBF #F1E9FF #D1C0A8
雰囲気：力強い、エキゾチック、アーティスティック
おすすめ用途：ビューティーキャンペーンポスター
ジャングルグリーンとオーキッドパープルのコントラストは、夕暮れ時のトロピカル温室の雰囲気。フタログリーンの補色配色で、赤に頼らずドラマティックな引き立て役に最適です。見出しはパープル、製品写真やタイプの奥行きには淡いラベンダーを。使い方のヒント：グリーンとパープルの間はベージュで柔らかな切替を。
media.ioで生成したオーキッド・ジャングル・コントラストの画像例
19) リネン・スタジオ・ニュートラル
HEX： #0A5E44 #3B3A35 #DCD2C3 #F7F3EC #8AA095
雰囲気：スタジオクリーン、温かみ、多用途
おすすめ用途：ポートフォリオ用ウェブサイトテーマ
リネンニュートラルと深いグリーンは、整頓されたスタジオや自然な光のイメージ。ポートフォリオやケーススタディ、コンテンツ重視のパーソナルブランドにぴったりです。セクション大部分はオフホワイト、ナビやリンク、選択箇所はグリーンで。使い方のヒント：本文はチャコールで、長文読書でも目に優しく。
media.ioで生成したリネン・スタジオ・ニュートラルの画像例
20) レイニーパーク・パステル
HEX： #0B664A #3F6C63 #B9D7CF #F6F8F7 #F2C9B3
雰囲気：ソフト、親しみやすい、やさしい
おすすめ用途：子ども向け教育アプリ・オンボーディング
やわらかな公園グリーンとピーチ色のブロッシュが、水たまりやレインコート、やさしい好奇心を思わせます。オンボーディングやイラスト、子ども向けUIでも洗練された印象を維持します。フレンドリーな誘導はブロッシュで、背景は非常にライトグレーにし、散漫さを防ぎます。使い方のヒント：プログレスバーは中間グリーンで分かりやすく柔らかく。
media.ioで生成したレイニーパーク・パステルの画像例
21) ブラスコンパス・ヘリテージ
HEX： #0A5C43 #1C2524 #B08D57 #EFE7DA #5A6B64
雰囲気：伝統、タフ、高級
おすすめ用途：アウトドアブランドロゴ＆バッジセット
伝統的グリーンとブラスはコンパスやキャンバス、使い込んだ金具の雰囲気。アウトドアメーカー、バッジ、実績感を求めるマークに最適。アウトライン・エンブレム細部はブラス、主要な塗りは深緑で強さを維持。使い方のヒント：刺繍時にバッジがつぶれないよう細線と簡素化を。
media.ioで生成したブラスコンパス・ヘリテージの画像例
22) サーキット・オーロラ・ポップ
HEX： #0B6B4A #071B16 #2EE59D #A855F7 #EAFDF6
雰囲気：シャープ、コントラスト強、未来的
おすすめ用途：アプリローンチ ヒーローセクション
シャープなオーロラグリーンと紫のきらめきは、回路やレーザー、光沢ガラスUIを思わせます。このようなフタログリーン配色は、ローンチページやプロダクトティーザーで現代感・高級感を保つコントラストに最適です。ベースはほぼ黒、ネオンミントは主役ハイライト、バイオレットはサブアクセントに。使い方のヒント：グラデーションは控えめに、グローは一カ所のみに絞ってクリーンに。
media.ioで生成したサーキット・オーロラ・ポップの画像例
フタログリーンに合う色は？
フタログリーンは、ウォームニュートラル（クリーム、パーチメント、サンド、リネン）と特に相性が良く、その深みを和らげて抜け感あるレイアウトを作ります。これらの組み合わせは、パッケージ、エディトリアル、ライフスタイルブランディングで「ナチュラル」感を無味乾燥にせず演出するのに効果的です。
モダンなUIの場合は、スレートやグラナイトグレー、淡い水色やミントなどクールな補助色を選びましょう。配色がクリスプでプロフェッショナルに保たれつつ、フタログリーンがボタンやナビ、主要指標の基軸となります。
強いコントラストが欲しい場合は、カッパーやシトラスイエロー、コーラル、オーキッドパープルなどをアクセントに加えましょう。大切なのは抑制：フタログリーンで構成・安定感を作り、明るいアクセントは1用途（CTA、バッジ、見出し、ハイライト）に絞って意図的なデザインに。
実際のデザインでフタログリーンパレットを使う方法
まず役割を割り振ることから始めましょう：最も濃いフタログリーンは本文やナビ、ロゴ、背景は淡いニュートラル、アクセントはコンバージョン場面に限定。これで単なる「きれいな色の集合」ではなく、配色がシステム的に機能します。
印刷の場合は純黒でなく、黒に近いグリーンに切り替えれば、統一感と高級感が保たれます。UIでは、画面は明るく保ち、フタログリーンはコントラストが必要な要素（プライマリーボタンやアクティブ状態、グラフ）中心に使うことでアクセシビリティも確保できます。
「重い」レイアウトを避けるためには、スペースを広げたり、テクスチャや微妙な色合い（ミントグレーやオフホワイト）を使って奥行きを演出しましょう。金属色（ブラスや銅）や鮮やかな色（ネオンやシトラス）を取り入れる場合は、アイコンや区切り線、タグなどの小さなエリアに限定して使用してください。
AIでフタログリーンパレットのビジュアルを作成
すでにHEXコードがある場合、最も速くパレットを確認する方法は、現実的なモックアップ（ラベル、ポスター、ランディングページ、ダッシュボード、ブランドキット）で見てみることです。視覚的なテストを行うことで、コントラストの問題やアクセントのバランスをコミットする前に発見できます。
Media.ioテキストから画像生成を使えば、プロンプト（上記の例のようなもの）を貼り付けて、プレゼンテーションやムードボード、SNSクリエイティブ向けに一貫性のあるパレットベースのアートワークを作成できます。これは、「アーシー」「エディトリアル」「フューチャリスティック」な方向性をデザインを一から作り直さずに探る実用的な方法です。
パレットごとに2～3種類のバリエーションを生成し、レイアウトはそのままにして色を入れ替えてみてください。そうすると、どのフタログリーンの配色がブランドの雰囲気を最も明確に伝えているか比較しやすくなります。
フタログリーンカラーパレット よくある質問
-
フタログリーンとは（デザイン用語で）？
フタログリーンは青みを帯びた深くて冷たい緑色です。デザインシステムではしばしば「色付き黒」として機能し、ニュートラルな印象を与えず暗くて安定感があり、高コントラストを保ちます。 -
フタログリーンは背景向き？アクセント向き？
どちらにも使えますが、ナビゲーションや見出し、枠線、パッケージのベースなどアンカー色として最も信頼できます。背景全体に使う場合は、明るいオフホワイトや淡いミントを加えてコントラストと息抜き感を出しましょう。 -
フタログリーンに合うニュートラルカラーは？
クリーム、パーチメント、リネンベージュ、暖かいグレー、ライトミントグレーが特に好相性です。こうしたニュートラルカラーはフタログリーンの豊かさを保ちつつ、パレット全体が暗くなり過ぎるのを防ぎます。 -
フタログリーンパレットにおすすめのアクセントカラーは？
銅・ブラス、シトラスイエロー、コーラル、ネオンミント、オーキッドパープルなどが強いコントラストを生みます。アクセントは一つだけ明確な目的（CTA、バッジ、ハイライト）で使い、緑色と競合しないようにしましょう。 -
ダークなフタログリーンでテキストの可読性を保つには？
大きなテキストエリアには純白ではなくオフホワイトを使い、最も濃いグリーンブラックはコントラストが求められる小さいテキストやアイコンに限定します。UIでは、ボタンやリンク、フォームフィールドのコントラスト比をテストしてください。 -
ブランドで黒をフタログリーンに置き換えても大丈夫？
はい。黒に近いフタログリーンはタイポグラフィやラインワークに使えば、ブランドパレットの一貫性を保ちつつ洗練されて読みやすい印象を印刷やデジタルで作ることができます。 -
これらのパレットを実際のデザインで素早くプレビューするには？
一貫したプロンプト（ポスター、ラベル、ランディングページ、ダッシュボード）でAIモックアップを生成し、パレットを入れ替えて比較します。Media.ioテキストから画像生成は、デザインファイルを一から作らなくても素早くビジュアルを作れる方法です。
