セラドングリーンは、現代的な「やわらかなグリーン」の絶妙な色合いです。レイアウトをすっきり見せつつ、落ち着きと高級感も感じさせます。鮮やかすぎず、新鮮さを求めるブランドや空間に最適です。
以下では、HEXコード付きのセラドンカラーパレット20選と、実用的な配色のコツ、素早くモックアップやブランドボード、UIコンセプト作成に再利用できるAIプロンプトをご紹介します。
この記事の内容
なぜセラドンの配色がこれほど優れているのか
セラドンはミントとセージの中間色で、清潔感や現代的な印象を持ちつつ、ナチュラルな雰囲気も残ります。その「静かなグリーン」は、オフホワイトや淡いニュートラルカラーと組み合わせることで、デザインにゆとりを与えます。
セラドンはくすんだ色味なので、暖色系・寒色系両方のアクセントとも相性が良いです。ベージュで海辺の雰囲気にしたり、真鍮ゴールドで雑誌風にしたり、黒に近いグリーンで高級感を加えることもできます。
使いやすさの観点からも、セラドンのパレットは階層構造を作りやすいです。背景には淡い色、中間のグリーンはパーツ用、深いグリーンはテキストやアイコン、コントラスト用など。
20以上のセラドンカラーパレットアイデア(HEXコード付き)
1) 霞んだセラミック

HEX: #A8CBBE #DDECE6 #F7F4EF #7E9F93 #3E5A52
雰囲気: 静か・清潔・スパのよう
おすすめ用途: セラミック製品広告
静かで磁器のようなやわらかさを持つこの霞んだグリーンは、窓辺で冷めつつある釉薬カップを思わせます。淡いニュートラルカラーが軽やかさを出し、深いグリーンが見出しや影に安定感を与えます。スキンケアや陶器、ライフスタイル広告など、落ち着いた信頼感が欲しい場面におすすめ。ポイント:オフホワイトを主体に使い、深いグリーンはコントラストや読みやすさ強調に。
media.ioで生成した「霞んだセラミック」画像例
Media.ioは、ブラウザで動画・画像・音声を作成・編集できるオンラインAIスタジオです。
2) セージと砂岩

HEX: #A2C7B4 #CBBBA0 #F3E8D7 #6B7D63 #2F3A33
雰囲気: アースカラー、バランス、安定感
おすすめ用途: ラスティックなリビングのインテリア
アース感があり太陽に暖められたこのセラドンの組み合わせは、セージの葉と砂岩をイメージさせます。ベージュやクリームトーンがグリーンを和らげ、広い空間も温かみある印象に。居心地の良いインテリアやカフェブランディング、自然を感じるパッケージなどに最適。ポイント:テキスタイルで砂岩色を繰り返し使うとグリーンのアクセントと調和します。
media.ioで生成した「セージと砂岩」画像例
3) シーグラス・ブランチ

HEX: #B3D7CB #E8F5F1 #FFE9D6 #8FB2A6 #E3B7A0
雰囲気: さわやか、フレンドリー、海岸風
おすすめ用途: ブランチカフェのメニュー
さわやかで軽やかなこのセラドン配色は、朝焼けのピーチ色の横にあるシーグラスのような色合い。淡いミントや泡色は清潔感あるレイアウトに最適です。ほんのり赤みが食欲と温かさをプラス。カフェのメニューや春のSNS投稿、軽やかで親しみやすいブランディングに。ポイント:赤みカラーは価格やCTAなどのアクセントに小さく使うのがコツ。
media.ioで生成した「シーグラス・ブランチ」画像例
4) アンティークジェイド・スタジオ

HEX: #9FC6B8 #6F9689 #2E4C45 #E2D8C7 #B48C6A
雰囲気: ヘリテージ、クラフト感、美術館的
おすすめ用途: クラフト系ブランドアイデンティティ
伝統感があり、ややスモーキーなこのセラドン配色は、ギャラリーライトに照らされたアンティーク翡翠を思わせます。深いフォレスト色が強いコントラストを生み、温かいクレイのアクセントが手作り感をプラス。クラフトブランドのラベルやスタンプ、スリーブなどで輝きます。ポイント:最も濃いグリーンとパーチメント中性色をロゴに使うと細部が際立ちます。
media.ioで生成した「アンティークジェイド・スタジオ」画像例
5) ミンテッドリネン

HEX: #B8DCCF #F1F0EA #D6C7B8 #86A99A #556B63
雰囲気: やわらかい、ミニマル、軽やか
おすすめ用途: ミニマルな寝具商品ページ
やわらかく通気性のいいこのセラドン配色は、ミントの香り漂うリネンのよう。温かいトープがグリーンを冷たくしすぎず、家具や落ち着きあるECレイアウトにぴったりです。中間のグリーンでボタンやアイコン用、深いグリーンはホバーステートや要ラベルに。ポイント:真っ黒な文字は避け、濃いグリーンでやさしい印象に。
media.ioで生成した「ミンテッドリネン」画像例
6) ティーガーデンの静けさ

HEX: #A9D0C0 #CFE7DD #F6F1E8 #9A8F78 #5B6E63
雰囲気: 癒し、マインドフル、ボタニカル
おすすめ用途: お茶のパッケージデザイン
癒し系でハーブのようなこのセラドン配色は、静かなティーガーデンから立ち上る湯気のよう。クリーミーなベースが親しみやすくし、オリーブトープがナチュラルかつオーガニックな印象を加えます。お茶缶・ウェルネスラベル・ブログの見出しに特におすすめ。ポイント:トープ色を副文章の色に使うと、自然な手触り感に。
media.ioで生成した「ティーガーデンの静けさ」画像例
7) コースタル・セラドン

HEX: #A6CFC3 #6FA79B #2F6B66 #F2E6D2 #C9A27C
雰囲気: リラックス、海辺風、日焼けしたような
おすすめ用途: ビーチハウス外観の塗装プラン
リラックス感があり日差しで色褪せたこのセラドン配色は、海沿いのシャッターや古びたボードウォークのイメージ。タンやサンド色がパレットを暖かくし、ティール寄りの濃いグリーンが輪郭を締めます。外壁塗装の配色や旅行ブランド、エアリーなLPにぴったり。ポイント:中間グリーンをメインにし、最も濃い色はトリムやナビ用に。
media.ioで生成した「コースタル・セラドン」画像例
8) モダン・アポセカリー

HEX: #A3C8BA #D8E7E1 #F8F9F7 #6C7F79 #2B3532
雰囲気: クリニカルで落ち着き、現代的、信頼感
おすすめ用途: スキンケアのパッケージ・ラベル
クリニカルで落ち着いた印象のこの涼しげなグリーンは、ガラスボトルや清潔なカウンター、静かな自信を感じさせます。ほぼ白や淡いミントが最小限のレイアウトでも高級感を演出。スキンケアのパッケージやラベルに、人間味の残る洗練されたセラドン配色です。ポイント:最も濃いインクは控えめに使い、淡色で高級感ある印象に。
media.ioで生成した「モダン・アポセカリー」画像例
9) ユーカリ・オフィス

HEX: #9EC3B1 #B9D7C9 #E6E2D9 #6D8D7F #3D4E47
雰囲気: 集中、落ち着き、プロフェッショナル
おすすめ用途: ワークスペースUIダッシュボード
集中力を高め落ち着きをもたらすこのユーカリ系グリーンは、整頓された机と計画的な作業環境をイメージさせます。温かみのあるグレーベージュがチャートや表を冷たく見せず、濃いグリーンがコントラストの強いデータ表示にも最適。ワークスペースのUIダッシュボードや生産性ツール、管理パネルにおすすめ。ポイント:一つのグリーンをインタラクティブな状態用に、他は背景レイヤーとして補助的に使いましょう。
media.ioで生成されたユーカリオフィスの画像例
10)ヴェルディグリス アクセント

HEX: #A4CEC2 #1F6A67 #0F3D3C #F2EFE8 #E6B566
雰囲気: 太字、アーティスティック、自信に満ちた
おすすめ用途: イベントポスター デザイン
大胆でアート感があり、自信に満ちたこれらのセラドンの色合いは、酸化した金属に金色のきらめきが加わったような印象です。深いヴェルディグリスのトーンがドラマティックなコントラストを生み出し、柔らかなニュートラルカラーがレイアウトに余裕をもたせます。これらのセラドンの配色は、イベントポスター、アルバムアート、エネルギーが必要だがネオンではないキャンペーンなどにおすすめです。ヒント:ゴールドは日付、チケット、キーワードアイコンなどのスポットライトカラーとして使いましょう。
media.ioで生成されたヴェルディグリスアクセントの画像例
11)陶器(クレイポタリー)

HEX: #A7CDBF #E8E0D6 #C86F4A #8B9B8F #3D5047
雰囲気: 手作り、暖かい、ラスティックモダン
おすすめ用途: 陶芸ワークショップ チラシ
手作りの暖かさが感じられるこれらのセラドンカラーは、粘土の粉が手につき、柔らかなスタジオの光が差し込む雰囲気を呼び起こします。テラコッタアクセントが控えめなグリーンや羊皮紙色に活気をもたらします。ワークショップチラシやマーケット、小ロット商品のカードに最適です。ヒント:テラコッタは見出しやバッジだけに使い、意図的なポイントとして認識されるようにしましょう。
media.ioで生成されたクレイポタリーの画像例
12)レイニー アトリウム

HEX: #9FC9BC #C9D7D3 #7B8E8B #2C3F3E #F3F2ED
雰囲気: ムーディー、モダン、内省的
おすすめ用途: 建築プレゼンテーションスライド
ムーディーで内省的なこれらのセラドントーンは、雨の日の午後にガラスのアトリウムにいるような印象です。グレイグリーンのグラデーションで明快な階層を作り、空気感ある背景から深い構造要素まで表現できます。建築向けスライドやプロポーザル、イメージ主体のポートフォリオに適しています。ヒント:一番暗い色はタイトルだけに使い、柔らかなグレーは本文テキスト用にしましょう。
media.ioで生成されたレイニーアトリウムの画像例
13)ガーデン書体(ガーデンタイプフェイス)

HEX: #A8D3C6 #7AAE9F #F9F6F0 #D9B36A #3C4A44
雰囲気: エディトリアル、明るい気分、ブティック
おすすめ用途: 雑誌特集レイアウト
エディトリアルで個性的なこれらのグリーンは、真新しい茎と温かな真鍮のしおりを思わせます。クリーム色の背景が可読性を保ち、ゴールドタンが引用文などを上品に引き立てます。個性が必要だが煩雑にしたくない雑誌特集、ルックブック、ポートフォリオに最適です。ヒント:本文にはブラックの代わりに濃いグリーンを使い、統一感を出しましょう。
media.ioで生成されたガーデンタイプフェイスの画像例
14)ソフトコンクリート

HEX: #A5CCBF #D0D5D3 #F4F4F2 #8A8F8D #2F3332
雰囲気: アーバン、ニュートラル、控えめ
おすすめ用途: モダンアパートメント内装スタイリング
都会的で控えめなこれらの色合いは、植物の緑によって和らげられたコンクリートそのもの。グレーがパレット全体を大人っぽくミニマルに、セラドンのニュアンスで無味乾燥さを避けられます。インテリアスタイリングやテックブランディング、ホワイトスペースが多い静かなヒーローセクションにぴったり。ヒント:質感は色ではなく素材の選択で加え、洗練さを保ちましょう。
media.ioで生成されたソフトコンクリートの画像例
15)春の植物標本(スプリング ハーバリウム)

HEX: #AED7C6 #E7F4EC #FBEAD5 #6E907F #C27B5B
雰囲気: 春、やさしい、イラスト風
おすすめ用途: ボタニカル水彩イラスト
春を感じさせるやさしいセラドン色は、クリーミーな紙に押し花を乗せたような雰囲気と、少し粘土がかった色合い。淡いグリーンは空間に軽やかさを、暖かみのアクセントは手作業やノスタルジアを感じさせます。植物画、水彩ステーショナリー、季節投稿におすすめです。ヒント:アウトラインは濃いグリーンでまとめ、柔らかくナチュラルに。
media.ioで生成されたスプリング ハーバリウムの画像例
16)ノルディックキッチン

HEX: #A2C9BA #EDE9E2 #C6D0CC #7E8F88 #4B5A54
雰囲気: コージー&クリーン、北欧、機能的
おすすめ用途: キッチンリフォームムードボード
コージーで機能的なこのセラドンカラーパレットは、塗装キャビネットや石のカウンターがある北欧キッチンのよう。グレーのレイヤーでグリーンもモダンに建築的に見え、可愛すぎません。リフォームや家の投稿、製品カタログに最適。ヒント:一番明るいニュートラルは壁に、グリーンはキャビネットやタイルに使い、視覚疲労を避けましょう。
media.ioで生成されたノルディックキッチンの画像例
17)ボタニカルポスター

HEX: #A9D2C2 #F7F2E8 #E2C4A1 #6E8E83 #2A3F38
雰囲気: ヴィンテージボタニカル、静か、ギャラリーに最適
おすすめ用途: ギャラリーウォールアートプリント
ヴィンテージのボタニカル感と静けさがあるこの配色は、ミュージアムプリントやドライフラワー、ソフトな紙縁を思わせます。暖かなベージュとグリーンの自然な組み合わせで、バランスがよくコレクション性も高まります。ギャラリーアートやブックカバー、ブランドポスターに最適。ヒント:一番暗いグリーンは小さなテキストや枠線に使い、作品自体の空気感を保ちましょう。
media.ioで生成されたボタニカルポスターの画像例
18)カームウェルネスUI

HEX: #A6CEC0 #EAF3EF #FFFFFF #7C9D90 #22332E
雰囲気: 明るい、安心感、モダン
おすすめ用途: メディテーションアプリUI
明るく安心感のあるこれらのセラドン配色は、静かな深呼吸とクリーンな朝のような感覚。ほとんど白のベースで画面が広く、暗めのグリーンがアクセシビリティも保ちます。メディテーションアプリUIやヘルスポータル、不安軽減が重要なオンボーディングに最適。ヒント:一番暗いグリーンは主テキスト専用、中間グリーンはトグルやプログレスに。
media.ioで生成されたカームウェルネスUIの画像例
19)セラドンノワール

HEX: #9CC7B7 #D7E6E0 #1A1F1E #5D746B #BFAF9A
雰囲気: ドラマティック、シネマティック、上質感
おすすめ用途: ラグジュアリーフレグランス広告
ドラマと映画的な雰囲気が漂う色合いは、夜の背景にセラドンガラスが映える印象。黒緑をベースに淡いミントやトープがスタイリッシュ&意図的に高級感を出します。ラグジュアリーフレグランスの広告やプレミアムランディングページ、コントラストの欲しいパッケージングにどうぞ。ヒント:背景は暗く、淡いミントは商品シルエットの光の縁取りに。
media.ioで生成されたセラドンノワールの画像例
20)サンリットパティオ

HEX: #A8D1C3 #FCEFD9 #F7C7A1 #79A394 #2F4C45
雰囲気: 陽だまり、社交的、リラックス
おすすめ用途: サマーパーティ招待状
陽だまりで社交的なセラドン配色は、午後遅くのパティオに柑橘系ドリンクと柔らかな木陰があるような感覚。クリーミーなイエローがグリーンを明るくし、ピーチが親しみやすくお祝い感を加えます。サマーパーティや季節のプロモ、明るいメールヘッダーなどにおすすめ。ヒント:テキストはクリーム色に、ピーチはRSVPボタンや小さなアイコンなどポイント使いで。
media.ioで生成されたサンリットパティオの画像例
セラドンと相性の良い色は?
セラドンはソフトな白、暖かいクリーム、ライトグレーと美しく調和します。これにより空間が広く「スパのような清潔感」を保ちつつ、グリーンが主役になります。自然な雰囲気にはサンドやトープ、羊皮紙色のニュートラルを加えましょう。
より鮮やかな印象にしたければ、セラドンはテラコッタや粘土、ピーチのアクセントとも好相性で、手作り感のある温もりが生まれます。プレミアムや映画的な演出には、深いフォレストグリーンやチャコールグリーン、ほぼ黒を基調に、輝きのあるハイライトとしてセラドンを使ってください。
メタリック調(ゴールドタン、ブラス、暖かいオーカー)を加えると、主張しすぎずにエディトリアルな洗練さが。アクセントは小さく、ボタンや日付、引用など重要ポイントに繰り返し使うのがコツです。
実際のデザインでセラドンの配色をどう使うか
最初に役割分担を決めましょう。最も明るい色は背景に、中間トーンのセラドンは表面やパーツに、一番濃いグリーンはテキスト・アイコン・区切り線用。これで「全部同じグリーン」にならず、意図のある配色になります。
ブランディングでは、セラドンがアイシーに見えないよう暖かいニュートラル(クリーム、サンド、トープ)と組み合わせるのが効果的。インテリアでは、セラドンを大きな面(キャビネット、壁、張地)に使い、深いグリーンは枠やトリム、金具的なディテールに。
UIでは可読性を最優先に:オフホワイトや淡いミント上のダークグリーンテキストは、純粋な黒よりも柔らかく、なおかつ高いコントラストも確保できます。ひとつのアクセントカラー(ピーチ、ゴールド、テラコッタ)をCTAやステータス専用にして視覚的なノイズを避けましょう。
AIでセラドンパレットのビジュアルを作成する
すでにHEXコードがあるなら、セラドン配色の確認は「商品広告」「UI画面」「ポスターレイアウト」のビジュアルをいくつか生成するのが最速です。コントラストや暖かみのバランスがすぐに見えてきます。
上記のプロンプトを使いつつ、対象(パッケージ、インテリア、ダッシュボードなど)を入れ替えてプロジェクトに合わせてください。照明や背景は揃えてパレットの魅力が際立つように。
セラドンカラーパレット よくある質問
-
セラドンカラーとは?
セラドンは落ち着いたグレー寄りのグリーンで、ソフトセージやシーグラスグリーンとも呼ばれます。穏やかでモダン、温かいニュートラルや深いグリーンの両方と相性が良いです。 -
一般的なセラドンのHEXコードは?
セラドンの代表的なHEXはひとつだけではありませんが、人気のものには #A8CBBE や #A6CEC0 などがあります。背景には明るいトーン、テキスト・UIのコントラストには濃いグリーンを使いましょう。 -
セラドンはブランディングに向いていますか?
はい。セラドンは清潔感・バランス・自然を連想させ、「エコ感」や騒がしさが出ません。スキンケアやウェルネス、生活雑貨、ブティック系のブランディングに特に向いています。 -
セラドンと暖色を合わせるなら何色が合いますか?
クリーム、サンド、トープ、テラコッタ、ピーチが好相性。暖かいニュートラルはセラドンの冷たさを防ぎ、より自然で招きやすい印象にします。 -
セラドンと現代的・高コントラストな組み合わせは?
チャコール、深いフォレストグリーン、ほぼ黒を基調とし、ハイライトに淡いセラドンをプラス。この方法は高級パッケージやヒーローバナー、映画広告にもぴったりです。 -
セラドンはUIデザインやアクセシビリティに向いていますか?
条件付きで適していますが、淡いセラドンをテキストに使いすぎないことが大切です。主テキストやアイコンはダークグリーンやチャコールで、パステルセラドンは背景やカード、区切りなどに限定しましょう。 -
セラドンパレットのモックアップを素早く作成するにはどうすれば良いですか?
AIを使用して迅速なビジュアル(商品広告、ポスター、UI画面)を生成し、アクセントカラーを一度に一色ずつ調整して繰り返しましょう。Media.io のテキストから画像ツールを使えば、複数のセラドン色の組み合わせを数分で簡単にテストできます。
次へ: ジャングルカラーパレット

