ボトルグリーンの配色アイデア20選とカラーコード一覧

ボトルグリーンは深くて洗練された緑色で、瞬時に安定感があり、上質かつ時代を超えた印象を与えます。ブランド、インテリア、デジタルUIなど幅広く使用でき、落ち着きを感じさせつつ平坦に見えないのが特長です。

下記はHEXコード付きのモダンなボトルグリーンのカラーパレットのアイデアと、実際のデザインでの組み合わせと応用の簡単なガイドです。

ボトルグリーンのカラーコンビネーションが優れている理由

ボトルグリーンは「自信に満ちたニュートラル」ゾーンに位置し、黒やネイビーのようにレイアウトを引き締めつつ、より自然で親しみやすい雰囲気があります。このバランス感覚は、冷たすぎず権威を持たせたいブランドに理想的です。

また、暖色・寒色どちらとも相性が良いのが特長です。クリームやサンド、ゴールドと組み合わせると伝統的な雰囲気に、ミント、セージ、ティールと合わせれば現代的で爽やかな印象になります。

自然に森林やガラス、植物を連想させるため、エコやウェルネス、高級商品のストーリーテリングにも◎。質感（紙の粒、マット仕上げ、リネンなど）を加えることで、人間味を保てます。

20以上のボトルグリーン色の組み合わせアイデア（HEXコード付き）

1）フォレストグラス

HEX： #0B3D2E #145A42 #2F7D5B #A7CBB7 #F2F5F2

雰囲気： 落ち着きと清々しさ

おすすめ用途： エコスキンケアパッケージ

常緑樹の葉に朝陽が差し込むような落ち着きと清々しさ。深い緑が高級感を演出し、柔らかなミントやほぼ白色がラベルを軽やかに清潔に見せます。非コート紙やミニマルなラインアイコンと組み合わせるとナチュラルかつモダンな印象に。使い方のコツ：最も濃い緑をブランドロゴに、淡色は成分表示などに使うことで視認性を保てます。

media.ioによるフォレストグラスの画像例

Media.io

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

今すぐ無料で試す

2）ヘリテージラベル

HEX： #103B2F #2B2A26 #C2A46B #E8DEC9 #6B1E1E

雰囲気： クラシックかつ歴史ある雰囲気

おすすめ用途： ワインラベルのブランディング

クラシックで歴史を感じる、セラーのドアと古紙のような印象。ボトルグリーンとインクブラックで格式ある土台を築き、温かみのあるゴールドが上品なアクセントに。セリフ体フォントや箔押し、エンボス枠と組み合わせると伝統感が増します。使い方のコツ：バーガンディは小さなシールや紋章のみ使うと、ラベルが上品なまま乱雑になりません。

media.ioによるヘリテージラベルの画像例

3）ボタニカルベルベット

HEX： #0E3A2A #3E6B56 #B6CDB7 #F7F1E6 #D97A5C

雰囲気： 豊潤かつロマンティック

おすすめ用途： 水彩ボタニカルポスター

ベルベットの葉と手作り紙が重なるような豊潤でロマンティックな印象。ボトルグリーンの組み合わせが安定感を保ちつつ、暖色テラコッタで花やアクセントが明るく映えます。水彩の滲みや細いインクライン、空白を多く使うとアートプリントの仕上がりに。使い方のコツ：テラコッタは小さな差し色にして緑が主役で癒しのままに。

media.ioによるボタニカルベルベットの画像例

4）モダンサージオフィス

HEX： #123F33 #2A6A56 #7FAF9B #E7EFEA #1F2A2E

雰囲気： クリーンかつプロフェッショナル

おすすめ用途： プレゼンテーションスライドデッキ

静かな会議室に窓辺の植物、というイメージのクリーンでプロフェッショナルなパレット。深い緑とチャコールで階層感を、セージや淡いグレーグリーンで軽やかさを表現します。幾何学チャートやシンプルなアイコンと組み合わせて自信ある企業イメージに。使い方のコツ：ヘッダーや主要な数字は濃色、本文は最も淡い背景にすると明瞭に。

media.ioによるモダンサージオフィスの画像例

5）ダークアカデミア

HEX： #0A2F25 #1B1A17 #6A4B2A #CBBBA0 #8A2E2E

雰囲気： ムーディーかつ文学的

おすすめ用途： ブックカバーデザイン

使い込まれた革装丁や蝋燭の灯る書斎を思わせるムーディーで文学的な雰囲気。深い緑と黒に近い色で文字に重みを出し、タンやブラウンで温かみを加えます。セリフ体表示フォント、控えめな粒子感、一つのエンブレムやイラストと合わせて。使い方のコツ：タイトルは明るいパーチメント色に配置し、濃い緑は枠や装飾に使って高コントラストに。

media.ioによるダークアカデミアの画像例

6）コースタルボトル

HEX： #0F3D34 #1F6B62 #7EC0B6 #F1EFE8 #D9B07E

雰囲気： 爽やかで心地よい

おすすめ用途： トラベルランディングページUIモックアップ

海のガラスやリネンタオルのような爽やかさ。ティール寄りのグリーンで冷たくならずコースタル感を表現し、サンドカラー が温かみある均衡をプラス。白余白、ラウンドカード、柔らかな写真オーバーレイと組み合わせてリゾート気分に。使い方のコツ：クリーム色をメインキャンバスに、最も濃い緑はナビや主要ボタンに。

media.ioによるコースタルボトルの画像例

7）ミニマルモノクローム

HEX： #0C3A2B #215643 #5F8E78 #DCE6DF #0E0F10

雰囲気： スタイリッシュかつ控えめ

おすすめ用途： ロゴとステーショナリーセット

厚いコットンストックのマットインクのようなスタイリッシュかつ控えめな印象。グリーントーン をタイトにまとめて統一感を出し、黒色がマークや細線の権威を強調。 ミニマルフォント や広いマージンと組み合わせればプレミアム感が保てます。使い方のコツ：中間緑をブランドメインカラーに、黒は極小サイズ文字のみに使うと強すぎません。

media.ioによるミニマルモノクロームの画像例

8）オータムオーチャード

HEX： #103A2A #2F6B4B #E2C08A #F6EFE1 #B24A2E

雰囲気： 温かく素朴

おすすめ用途： 秋のマーケットイベントフライヤー

果樹園の葉やサイダースパイス、夕方の光のような温かさと素朴さ。深い緑がレイアウトの土台を築き、アンバーやクレイで季節感と目立つ見出しを演出。ウッドカット風イラストやテクスチャ背景と合わせると手作り感が生まれます。使い方のコツ：クリーム背景を主役にすると暖色アクセントが映えて遠くからも読みやすくなります。

media.ioによるオータムオーチャードの画像例

9）ラグジュアリースパ

HEX： #0B3B2F #3F7A64 #BFD8C9 #F4F0E8 #B08A4F

雰囲気：穏やかで高級感のある

おすすめ用途：スパパンフレット編集レイアウト

蒸気、ユーカリ、磨かれた石のように穏やかで高級。グリーンは回復感を与え、控えめなゴールドはルールや小さなアイコンに静かなラグジュアリーなアクセントを加えます。このボトルグリーンのカラーパレットは、ソフトフォーカスのイメージ、細いセリフ見出し、余白たっぷりと組み合わせて。使用のヒント: ゴールドはごく低い割合にして、淡いニュートラルが落ち着いたページリズムを保つ役割を担います。

media.ioで生成されたラグジュアリースパの画像例

10）クラフトブルワリー

HEX： #0E3A2D #1D5B45 #F2C14E #F4F1E8 #2B2A26

雰囲気：大胆で手作り感のある

おすすめ用途：クラフトビール缶パッケージ

ホップ、穀物、タップルームの黒板のように大胆で手作り感。ボトルグリーンにゴールデンイエローが強い印象を与え、温かみのあるオフホワイトと濃いインクでバランスを取ります。スタンプ風バッジや凝縮した文字を組み合わせて現代的なブルワリー風に。使用のヒント：イエローはメインの要素（味バンドなど）だけに使い、缶が雑多に見えないようにします。

media.ioで生成されたクラフトブルワリーの画像例

11）ウィンターパイン

HEX： #083327 #1E5A45 #9BB8A8 #F5F7F6 #C9A56A

雰囲気：シャープで祝祭感のある

おすすめ用途：ホリデーソーシャル投稿テンプレート

松葉に霜が積もったようにシャープで祝祭感。深いグリーンで冬らしい雰囲気を保ち、淡いグレーグリーンと雪のような白がメッセージのスペースを広げます。シンプルな星モチーフ、細い枠線、控えめなゴールドアクセントで輝きを追加。使用のヒント：テキストは最も明るい背景に濃いグリーンで入れ、モバイルの小サイズでも読めるようにしましょう。

media.ioで生成されたウィンターパインの画像例

12）テラコッタガーデン

HEX： #103A2C #3A6B55 #D07A5A #F1E6D6 #2D2B28

雰囲気：土の温かみと親しみやすさ

おすすめ用途：リビングルームインテリアスタイリング

粘土鉢やハーブ、暖かい午後の日差しのようにアース感と親しみやすい雰囲気。深いグリーンが部屋を引き締め、テラコッタとクリームが住み心地の良い温かさを追加します。リネンやオーク、マットセラミックなど自然素材と組み合わせて統一感を。使用のヒント：テラコッタは小物に、広い面はグリーンやクリームでバランス良く。

media.ioで生成されたテラコッタガーデンの画像例

13）ミッドナイトエメラルド

HEX： #062D23 #0F4A3A #2F8A6D #D8E3DD #E6B14C

雰囲気：ドラマチックで輝きのある

おすすめ用途：映画ポスター

深いグラスに映る都市の灯りのようにドラマチックで輝き感。ほぼ黒に近いグリーンで深みを出し、エメラルドと柔らかな霧のようなグレーグリーンで可読性を確保。このボトルグリーン組み合わせはハイコントラストの文字、さりげないグラデーション、ゴールドアクセント１点でスポットライト効果。使用のヒント：最も暗い色を縁にビネットとして配置し、タイトル部分をフレームしましょう。

media.ioで生成されたミッドナイトエメラルドの画像例

14）ウェディングユーカリ

HEX： #0F3C2E #4D7A66 #AFC7B7 #F7F2EA #C79B8A

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

おすすめ用途：結婚式招待状セット

クリーム封筒にユーカリの小枝を挟んだように柔らかくロマンチック。優しいグリーンがエレガントな土台を作り、控えめなピンクが甘くなりすぎず温かみを追加。細い植物イラスト、レタープレスの質感、ミニマルな枠線と組み合わせて。使用のヒント：最も暗いグリーンで名前や見出しを印刷し、本文はミッドグリーンで軽やかさを。

media.ioで生成されたウェディングユーカリの画像例

15）テックダッシュボード

HEX： #0B3A2C #155542 #3AAE84 #E9F1EC #1A1F23

雰囲気：シャープでデータ重視

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

落ち着いたコンソールの光るメトリクスのようにシャープでデータ重視。このボトルグリーンパレットはチャートを自信ある印象に保ち、明るいティールグリーンは成功やアクティブ状態を明確に表現。ニュートラルカード、細い区切り、均一なスペースでモダンなSaaS感。使用のヒント：最も明るいアクセントはインタラクティブ要素だけに使い、重要なところに集中させましょう。

media.ioで生成されたテックダッシュボードの画像例

16）アーティザンキッチン

HEX： #0E3B2D #2E6B52 #E6D2B8 #F7F3EA #7A4E2D

雰囲気：居心地よく手作り感のある

おすすめ用途：アーティザンフード写真スタイリング

ハーブの束や暖かいパンのクラストのように居心地よく手作り感。グリーンはフレッシュさ、クリームのニュートラルとトーストブラウンが食欲を引き立てます。自然のセラミック、リネンナプキン、柔らかい窓の光と組み合わせて心地よさを演出。使用のヒント：プロップスはニュートラルにして、グリーンはハーブやガーニッシュ、パッケージアクセントで登場させ、主役は食べ物。

media.ioで生成されたアーティザンキッチンの画像例

17）ヴィンテージライブラリー

HEX： #0B3528 #274B3E #8C7B5E #E6DDCC #2A2A2A

雰囲気：静かで懐かしい

おすすめ用途：雑誌特集レイアウト

読書灯のそばに積まれたペーパーバックのように静かで懐かしい感じ。深いグリーンと温かいトープで時代を超えた印象、そしてクリーミーベージュのトーンがページを重たく見せません。クラシックなグリッドレイアウト、十分な行間、控えめなテクスチャオーバーレイと組み合わせて。使用のヒント：トープはセクション見出しや引用に使い、濃いグリーンとのコントラストを優しくします。

media.ioで生成されたヴィンテージライブラリーの画像例

18）ストリートウェアドロップ

HEX： #0A3A2B #123026 #E9E3D6 #B8B0A2 #E0A21B

雰囲気：都会的でパンチのある

おすすめ用途：ストリートウェア商品広告

スポットライトを浴びるナイトドロップ告知のように都会的でパンチ感。ボトルグリーンとサンドニュートラルで高級感を保ち、イエローはタグや価格に活気を与えます。太いサンセリフとオーバーサイズブロック、クリーンな背景と組み合わせてフーディーを際立たせて。使用のヒント：イエローは小さなコールアウトのみにして、グリーンをメイン形に使い高級なストリート感を演出。

media.ioで生成されたストリートウェアドロップの画像例

19）エコパッケージ

HEX： #0E3C2F #316451 #B7C7B8 #EFE7D7 #6E7A3D

雰囲気：地に足ついた責任感

おすすめ用途：サステナブル配送パッケージ

クラフトリサイクルや新鮮なグリーンの枝のように地に足つき責任感。深いグリーンは信頼を与え、柔らかいセージと温かいクリームで親しみやすさを表現。シンプルなスタンプグラフィック、インク最小限、明確なラベル階層と組み合わせて。使用のヒント：オリーブ色はサブアイコンや追跡ステッカーに使い、ビジュアルの雑多さを増やさず変化を加えます。

media.ioで生成されたエコパッケージの画像例

20）サンセットオリーブ

HEX： #0F3A2B #3F6A4E #9DB08A #F6F0E4 #E48A5A

雰囲気：柔らかく前向き

おすすめ用途：インスタグラムカルーセルテンプレート

ゴールデンアワーの光で葉のテラスが温まるように柔らかく前向き。グリーンは親しみやすさ、ピーチアクセントがボタンやハイライトにフレンドリーな輝きを加えます。ボトルグリーンと丸い形、軽い影、短い見出し文と組み合わせてカルーセルを見やすく。使用のヒント：スライドごとにクリーム背景とグリーンブロックを交互に配置し、統一感を保ちつつ暗すぎないフィードに。

media.ioで生成されたサンセットオリーブの画像例

ボトルグリーンに合う色は？

クリーンでモダンな組み合わせには、ボトルグリーンとクリーム、温かい白、淡いグレーグリーン、ペールミントなどの柔らかいニュートラルを合わせて。見た目の呼吸感を保ちながら深いグリーンが階層を作ります。

よりリッチな高級感を出したい場合は、ボトルグリーンを控えめなゴールド、ブラス、タンレザー、エスプレッソブラウンと組み合わせて。パッケージ、ホスピタリティ、編集レイアウトに特に強い効果。

活気あるアクセントを加えたいなら、テラコッタ、クレイ、ピーチ、マスタードイエローを少量ずつ。温かみあるアクセントでボトルグリーンが親しみやすく現代的になり、ソーシャルグラフィックや商品広告に特に効果的。

実際のデザインでボトルグリーン色の組み合わせを活用する方法

まず役割を割り当てましょう：最も暗いボトルグリーンはロゴや見出し、ナビゲーション用、ミッドグリーンはUI状態やサブブロック用。最も明るいクリームやほぼ白は主要な背景とし、読みやすさを守ります。

印刷の場合、ボトルグリーンはマット仕上げ、テクスチャ紙、控えめなインク使用が最適。メタリックゴールドはディテール（ルール、アイコン、シール）だけに加え、パレットを高級感のあるものに保ちます。

デジタルデザインでは、本文テキストは最も明るいトーンに載せ、ボトルグリーンで強調しましょう。明るいアクセント（イエローやティール）を使う場合は目的（ボタン、タグ、主要指標）のみに限定し、集中を促します。

AIでボトルグリーンパレットのビジュアルを作成する

HEXコードが既にある場合、シーンを描写し「主にボトルグリーン」とアクセント色を指定することで、リアルなモックアップやポスター、UIコンセプトを素早く作成できます。これで複数の方向性を簡単に試せます。

異なる素材（リネン、クラフト紙、ガラス、マット塗装）でバリエーションを生成し、ボトルグリーンの表情を確認しましょう。最良のアウトプットはブランドガイドライン、クライアント資料、ソーシャルテンプレートの参考に保存。

まずMedia.ioを使いましょうAIテキスト・画像生成上記の例のようなプロンプトを貼りつけて、ライト、構図、アクセントの割合を調整しながら反復してください。

次に読む: バナナイエローのカラーパレット