ジェードカラー配色アイデア20選｜色コード＆AIデザイン実例

翡翠はグリーンとティールの間にあるため、自然で清潔でモダンな感じが同時に得られます。この範囲により、ジェイド カラー パレットをブランディング、UI、印刷に簡単に適応できます。

以下は、十六進コードを使用した厳選された 20 の翡翠の配色アイデアと、翡翠との組み合わせ方法と実際のレイアウトでの適用方法に関する簡単なガイダンスです。

ジェイドパレットがこれほどうまく機能する理由

翡翠は、緑の落ち着きと青の爽やかさのバランスが取れているため、汎用性があります。それは落ち着いたトーンで土と植物を読むことができます、またはより明るいティールに向かってプッシュすると滑らかで技術的に前進することができます。

インターフェイスでは、jade は red の緊急性なしに自然に注意を引くため、状態やアクション (ボタン、トグル、進行) にうまく機能します。プリントでは、温かみのある紙や質感のあるニュートラルと美しく組み合わせて、プレミアムな雰囲気を醸し出しています。

ほとんどのジェイドの色の組み合わせは、色合いや色合いにわたってうまくスケールされ、パレットと戦うことなく、背景、アクセント、コントラストの組み込みシステムを提供します。

20 以上の翡翠のカラー パレットのアイデア (十六進コード付き)

1）熱帯雨林翡翠

十六進：#0B3D2E #0F6B4E #2FBF98 #CFEFE5

気分：緑豊かで、地に足のついた、冒険的な

最適な場合:アウトドアブランドアイデンティティ

雨上がりの森の天蓋のように緑豊かで日陰になったこれらのトーンは、自信と生き生きとした感じがします。深い緑をアンカーとして使用し、明るい翡翠に見出し、バッジ、または行動の呼びかけを伝えましょう。クラフト紙や柔らかいアイボリーなどの暖かいニュートラルと組み合わせると、ネオンではなくオーガニックに保たれます。使用法のヒント: 階層を維持するために、レイアウトごとに 1 つの焦点要素に最も明るい緑色を予約します。

media.ioを使って生成した熱帯雨林翡翠の画像例

メディア.io

Media.io は、ブラウザでビデオ、画像、オーディオを作成および編集するためのオンライン AI スタジオです。

今すぐ無料でお試しください

2) 磁器ミント

十六進：#0E5E4A #2AAE8E #8FE3D1 #F2FBF9 #8A9A96

気分：清潔で風通しがよく、優しい

最適な場合:ウェルネスUIスクリーン

磁器のカップに入ったミントティーのように清潔で風通しの良いこのセットは、寒さを感じずに落ち着いています。健康ダッシュボード、瞑想アプリ、明確さが重要なオンボーディングフローで美しく機能します。柔らかい色合いは大きな表面を快適に保ち、ミッドジェイドは読みやすいボタンとトグルを提供します。使用法のヒント: 柔らかい雰囲気に合わせて、テキストを純粋な黒ではなくダークグレーに保ちます。

media.ioを使って生成した磁器ミントの画像例

3) ヴィンテージ薬局

十六進：#0F3B33 #1F7A66 #62C2A4 #E6D8C3 #6B4F3F

気分：ヘリテージ、居心地の良い、職人技

最適な場合:コーヒーのラベルとパッケージ

古い店のガラス瓶や紙のラベルのように、伝統と居心地の良いこれらの色調は手作りを感じます。ジェイドの色の組み合わせは、温かみのあるベージュとタイポグラフィのためのココアブラウンのタッチとバランスをとると輝きます。ロゴ マークには最も濃い緑色、ボーダー、シール、または成分のキャッチアウトには中央の緑色を使用します。使い方のヒント：ベージュの後ろに微妙な紙の質感を加えて、ヴィンテージ感を増幅します。

media.ioを使って生成したヴィンテージ薬局の画像例

4) 砂漠のセージ

十六進：#144E42 #3A8F7A #A9D8C8 #EDE3D1 #C08A5A

気分：土のような、暖かい、リラックスした

最適な場合:ボヘミアンインテリアムードボード

土っぽくて日差しで温まったこのミックスは、砂や粘土に対してセージの植物のように感じます。インテリア、ライフスタイル ブログ、砂漠のひねりを加えた落ち着いたグリーンが必要なムードボードに適しています。落ち着いた翡翠とクリーム色の背景を組み合わせ、テラコッタを奥行きの小さなアクセントとして取り入れます。使い方のヒント: テラコッタを 2 ~ 3 か所だけ繰り返して、空間を落ち着かせることができます。

media.ioを使って生成した砂漠セージの画像例

5) 沿岸ラグーン

十六進：#063A3C #0D7C86 #3FD3C6 #CFF6F2 #F7FBFC

気分：爽やかで、明るく、そよ風

最適な場合:旅行ランディングページヒーロー

さわやかでさわやかなこれらのラグーントーンは、澄んだ水と日差しの浅瀬を思い起こさせます。ナビゲーションとフッター領域には深いティールを使用し、明るいアクアが主なアクションを強調します。ホワイトスペースは、パレットを遊び心よりも高級感を保ちます。使用法のヒント: 最も淡い色合いの薄い仕切りを追加して、重い線のないセクションを分離します。

media.ioを使って生成した沿岸ラグーンの画像例

6) ダークジェイドノワール

十六進：#071A16 #0C3F33 #11876A #9CE6D3 #D7FFF4

気分：ムーディー、ラックス、ドラマチック

最適な場合:プレミアムテックブランディング

ムーディーでラグジュアリーで、エメラルドの輝き1本で照らされた薄暗いギャラリーのように感じられます。このようなジェイドカラーパレットは、コントラストが自信を売るハイエンドテクノロジー、金融、製品発売に優れています。ほぼ黒をメインキャンバスにし、ロゴ、ホバー状態、および主要なメトリックには鮮やかな緑を控えめに使用します。使用法のヒント: 暗い背景に帯状にならないように、2 つの最も明るい色合いの間のグラデーションを柔らかくします。

media.ioを使って生成したダークジェイドノワールの画像例

7) 柔らかい温泉石

十六進：#1B6A57 #4DBA9F #BFEDE1 #F4F1EA #9A9F9D

気分：癒し、ミニマル、バランスの取れた

最適な場合:スキンケアウェブサイトのセクション

穏やかでバランスの取れた、暖かいタオル、石の洗面器、静かな蒸気を思い出させます。クリーミーなオフホワイトがプロダクトショットをすっきりと感じさせ、ジェイドトーンがボタンやセクションヘッダーに優しい活力を与えます。シンプルなサンセリフタイプとたっぷりの呼吸スペースを組み合わせると、スパのようなリズムに。使用法のヒント: 緑が星のままになるように、アイコンを中央のグレーに保ちます。

media.ioを使って生成した柔らかいスパストーンの画像例

8) 柑橘系翡翠ポップ

十六進：#0B5A48 #18A87F #7CF2C8 #F2F5F4 #F2C94C

気分：遊び心、エネルギッシュ、モダン

最適な場合:イベントポスターグラフィック

遊び心がありエネルギッシュで、クールなグリーンソーダに柑橘類の皮が刺さったような感じです。黄色のアクセントは、特にすぐに停止する必要があるポスターやソーシャル グラフィックでは、即座に楽観主義を加えます。図形とハイライトには明るい翡翠を使用し、読みやすさのために背景をほぼ白に保ちます。使用法のヒント: まぶしさを避けるために、黄色を大きなブロックではなく小さなバッジまたは下線として設定します。

media.ioを使って生成したcitrus jade popの画像例

9) 植物インク

十六進：#0A2A24 #145A4C #2FAF90 #D7F2EA #2B2E33

気分：芸術的、編集的、洗練された

最適な場合:雑誌の特集レイアウト

芸術的で洗練された、インクでスケッチされたプレスされた葉を示唆しています。ダークトーンはロングフォームの読み取りをサポートし、柔らかいミントの色合いは余白を保ち、引用符を新鮮に引き出します。セリフの見出しや抑制されたラインアートと組み合わせると、編集仕上げになります。使用法のヒント: ミッド ジェイドは、特別な状態を保つために、コールアウトとセクション ラベルにのみ使用します。

media.ioを使用して生成されたボタニカルインクの画像例

10）アークティックジェイドグロウ

十六進： #043B3B #0C8F8A #77E6DD #E6FFFD #B8C2C2

気分： シャープ、クール、未来的

最適な場合: SaaSオンボーディング画面

シャープで未来的、氷に照らされたガラスのような微かな輝きを感じます。これらのクールなティール系は、現代的な雰囲気を出しつつ強すぎない彩度が欲しいSaaSオンボーディングに最適です。大部分は明るい色で、鮮やかなティールでステップや進行状態を示しましょう。使用のコツ：明るいティールには濃いテキストや深いティールの影を合わせてボタンのコントラストを確保してください。

media.ioを使用して生成されたアークティックジェイドグロウの画像例

11）カッパーパティナ

十六進： #0C4B3D #2D8C78 #7ED9C2 #F3E6D6 #B96A3A

気分： 職人風、温かみ、上品

最適な場合: レストランメニューのデザイン

職人風かつ温かみがあり、経年銅やパティナ、キャンドルの灯りに囲まれたテーブルを思わせます。ジェイド系の配色は、銅色のアクセントを「隠し味」として使うと効果的。メニューのベースにクリーム色、見出しに深緑、値段や仕切り線に銅色を試してください。使用のコツ：中間グリーンは無塗工紙の印刷だと色味が沈みやすいので印刷テストを。

media.ioを使用して生成されたカッパーパティナの画像例

12）オーキッドジェイドツイスト

十六進： #0A4F46 #25A48E #A7F0DE #F6F2F7 #B06AAE

気分： ロマンチック、モダン、表現力豊か

最適な場合: ビューティローンチのソーシャル広告

ロマンチックで表現力豊か、クールなグリーンシルクにソフトな蘭色の花が添えられた印象。パープルのアクセントはグリーンを引き立てつつ個性を加え、美容系プロモーションにも最適です。淡いブラッシュラベンダーを背景に、オーキッドカラーはスタンプ・値札・ステッカーなど小さい範囲に使いましょう。使用のコツ：パープルはワンポイント繰り返し使いに限定し、統一感を維持してください。

media.ioを使用して生成されたオーキッドジェイドツイストの画像例

13）サンドストンオアシス

十六進： #0F5C52 #3E9F8D #BDE7DB #FAF3E6 #D6B48C

気分： ウェルカム、落ち着き、ナチュラル

最適な場合: ホームデコールカタログページ

フレンドリーで落ち着いた雰囲気は、淡い石に囲まれたオアシスガーデンを思わせます。クリーミーなサンドカラーをカタログの基調にし、ジェイドグリーンで見出しや商品タグに爽やかさをプラス。温かみのある写真とシンプルなグリッドを合わせて抜け感を出しましょう。使用のコツ：価格やCTAパーツのミッドグリーンは一貫して使い、視線の流れを作ってください。

media.ioを使用して生成されたサンドストンオアシスの画像例

14）モダンオフィスカーム

十六進： #0D3F39 #1F7F72 #77CFC0 #F5F7F7 #4E5B5A

気分： プロフェッショナル、安定、親しみやすい

最適な場合: B2Bプレゼンテーションテンプレート

プロフェッショナルで落ち着いた空間に少しのグリーンを感じさせる配色。タイトルスライドには深いグリーン、グラフや表にはライトミントを使うと見やすくなります。ニュートラルグレーと余白を取り入れてモダンなコーポレート感を演出。使用のコツ：鮮やかなティールは重要データポイントのみ使用し、グラフがごちゃごちゃしないようにしてください。

media.ioを使用して生成されたモダンオフィスカームの画像例

15）レトロダイナージェイド

十六進： #0B5148 #1FB59E #B7FFF1 #FFF7F2 #FF6B6B

気分： ノスタルジック、楽しい、ボールド

最適な場合: ステッカー＆グッズセット

ノスタルジックで楽しく、光沢タイルやネオンサイン、ヴィンテージソーダカウンターを彷彿とさせます。淡いコーラルレッドが遊び心あるコントラストを生み、明るいミントがライトで集めやすい雰囲気に。太めのティールはアウトラインや字体に、小さなアイコンやラベルでコーラルを目立たせましょう。使用のコツ：アウトラインは太さを揃えてコレクション全体の統一感を。

media.ioを使用して生成されたレトロダイナージェイドの画像例

16）ミッドナイトコンサバトリー

十六進： #051E1A #0E4A3F #1E9E86 #86E0CC #E9FFF8

気分： ミステリアス、エレガント、没入感

最適な場合: アルバムカバーアートワーク

ミステリアスでエレガント、月明かりの温室に浮かぶ植物のシルエットのよう。ほぼ黒のグリーンが映画的なベースを作り、明るいトーンはタイトルやアクセントに微かな輝きを加えます。ミニマルなタイポグラフィと広い余白でモダンなカバーに。使用のコツ：最も明るい色はハイライト部分1箇所に限定し、夜の雰囲気を活かしましょう。

media.ioを使用して生成されたミッドナイトコンサバトリーの画像例

17）ウェディングユーカリプタス

十六進： #0F4E44 #2E8C7D #9AD9CC #FAF7F1 #D8C7B7

気分： ロマンチック、ソフト、タイムレス

最適な場合: ウェディング招待状セット

ロマンチックで柔らかな印象、ユーカリの葉やリネン紙を思わせます。ジェイドの組み合わせは、暖色ベージュや淡いトープと合わせたタイポグラフィで特に上品。淡いクリーム色を本状の基調に、グリーンを縁取りやイニシャル、モチーフに。使用のコツ：少し質感のある背景でグリーンが自然に見えるようにします。

media.ioを使用して生成されたウェディングユーカリプタスの画像例

18）テックグラデーションジェイド

十六進： #052C2A #0D6F66 #19B49E #7AF2D8 #E7FFFA

気分： スリーク、革新的、ダイナミック

最適な場合: アプリのログイン・サインアップUI

スリークでダイナミックな印象、ガラスの上のグラデーションのような色合い。こういうジェイド系パレットは、エネルギーを与えつつごちゃつかないログイン画面に最適。最も濃いティールはフォームフィールドに、明るいグリーンはプライマリーボタンに、淡い色味は背景に合わせて使いましょう。使用のコツ：ヒーローエリアのみ緩やかな斜めグラデを入れ、他は読みやすさを優先します。

media.ioを使用して生成されたテックグラデーションジェイドの画像例

19）セラミックタイルジェイド

十六進： #0B3E3A #177E73 #4BC6B8 #D8F7F3 #F1E7D8

気分： フレッシュ、整然、現代的

最適な場合: キッチンバックパネルのモックアップ

フレッシュで清潔感があり、光沢タイルやきれいなグラウトラインを思わせます。クールなグリーンは、温かみのあるオフホワイトと合わせると全体が親しみやすい雰囲気に。繰り返しパターンにはミッドジェイドを、主張するタイルには明るいティールを使い分けましょう。使用のコツ：最も明るい色はパターン全体の1割までに抑えバランスをとります。

media.ioを使用して生成されたセラミックタイルジェイドの画像例

20）オータムジェイド＆クレイ

十六進： #0D4A3A #2F8B6E #9EE2C9 #F7EFE6 #B45A3C

気分： ぬくもり、季節感、親しみやすい

最適な場合: 秋のマーケティングバナー

ぬくもりある季節感で、緑の葉・クレイポット・焼き菓子を想像させます。クレイ色のアクセントは食欲や温もりを与え、親しみやすさの演出に最適。クリーム色の背景をメインに、ジェイドで構造を作り、見出しやバッジなど重要部だけクレイ色を使います。使用のコツ：バナーには薄いダークグリーンの枠を入れて、明るい画面でもコントラストを強調。

media.ioを使用して生成されたオータムジェイド＆クレイの画像例

翡翠と合う色は何ですか?

ジェイドはアイボリー、ベージュ、サンド、トープなどの温かみある中立色と自然に調和し、落ち着き・深みをキープします。タイポグラフィや構造にはチャコールやインクブラックを使うと高級感が出ます。

コントラストが欲しいなら、クレイ、テラコッタ、カッパー、コーラルをアクセントに。これらの暖色系はジェイドのクールさと補色関係で、ポイントを際立たせます。柔らかい印象にしたい場合は、淡いミント・クールグレー・ブラッシュラベンダーと合わせて。

デジタルデザインでは、CTA用に「主役」のジェイド、背景用に控えめなジェイドを使い分けて、階層と読みやすさを維持しましょう。

実際のデザインで翡翠のカラーパレットを使用する方法

まず「スウォッチ」ではなく「役割」から始めます。テキスト/ナビ用のダーク、インタラクティブ用のミッドジェイド、強調用のブライトアクセント、背景用の淡色――これで「ジェイドだらけ」回避＆拡張しやすいシステムになります。

ブランディング・パッケージなら、クラフト紙・クリーム紙・微細なテクスチャ・暖色メタリックと合わせるのがベスト。UI系の場合、（特に淡いミント背景では）コントラストを早めにチェックし、最も明るいジェイドは大きな面に使いすぎないよう注意しましょう。

迷ったら、アクセントカラーはバッジ・アイコン・区切り線など反復で意図的に使い、新色の追加を避けて。ジェイド系パレットは色数を絞るほど上質に見えます。

AIでジェイドパレットのビジュアルを作成する

HEXコードがあればすぐに、パッケージ・ポスター・ランディングページ・アプリ画面のモックアップ作成に活用できます。コンセプト画像が数枚あると、ムード・コントラスト・ブランド感のテストに便利です。

Media.ioなら、（スタイル＋テーマ＋光・比率等を明確にした）プロンプトを貼り付ければ素早く反復検証できます。アクセント色だけ変えてみる（カッパー、コーラル、オーキッドなど）ことで、同じジェイドベースでもトーンの違いをチェックできます。

次へ： ブルーバーガンディカラーパレット