アトランティスカラー配色20選とHEXコード一覧

アトランティスのカラーパレットは、深い海のティール、透明なアクア、柔らかなサンドカラーを組み合わせて、穏やかで上質、そして新鮮なモダンさを感じさせるデザインを生み出します。十分な余白を保ちつつ、深みと明るさをバランスよく取り入れることで、ブランド、UI、印刷物など、幅広い用途に柔軟に対応します。

以下に、HEXコード付きの厳選された20個のアトランティスパレットアイデアと、実際の使用アドバイス、さらにAIプロンプトを記載しています。これらを活用することで、マッチしたビジュアルを素早く生成できます。

アトランティスパレットが優れている理由

アトランティス風パレットは信頼感と新鮮さの絶妙なバランスに位置します。深いティールは安定感とプロフェッショナルさをもたらし、アクアのアクセントが明快さと現代的なエネルギーを与えます。このコントラストにより、クリーンかつ冷たすぎない印象が求められるデジタル製品やブランドシステムに最適です。

パールやサンド、パーチメントなどの暖かいニュートラルとも自然に組み合わせられます。これらの柔らかさが余裕を生み、読みやすさを上げ、ティール中心のデザインが重くなりすぎるのを防ぎます。

さらに、アトランティスパレットは媒体を問わずスケールが容易です。同じ5色でUIの状態（ベース、サーフェス、アクセント、ハイライト）や印刷物（見出しインク、背景用紙、強調ブロック）をカバーでき、統一感を損ないません。

20種類以上のアトランティスカラーパレット（HEXコード付き）

1）沈むラグーン

HEX： #062f3a #0b5562 #0f8c8f #6ad7cf #f4efe2

雰囲気： 穏やか・沈静・光沢感

おすすめ用途： ウェルネスブランド・ランディングページ

静かなラグーンに光が揺れるような、穏やかで落ち着いたトーン。濃いティールが見出しを支え、明るいアクアがクリーンで現代的な印象をプラスします。余白には暖かいパール色を用いて、クールなトーンが重く感じないようバランスを取ります。読みやすいアトランティスパレットにするには、本文色は暗めに、ミント色はボタンやハイライトに使いましょう。

media.io生成による沈むラグーンのイメージ例

Media.io

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

今すぐ無料で試す

2）リーフグロー

HEX： #01323b #0a6b7a #18b6a8 #ffd166 #ef476f

雰囲気： 活気・トロピカル・大胆

おすすめ用途： イベントポスター・SNS広告

サンライトの下の珊瑚のように鮮やかに映える、活気あるリーフカラー。ティールの3色がベースをまとめ、ゴールドイエローと鮮やかなピンクが強いアクセントとなります。見出しや強調、ステッカー風の形など、シンプルな背景に最適です。使い方のポイント：イエローは主要なCTAに、ピンクは小さなアクセントに限ることでデザインがクリアに保てます。

media.io生成によるリーフグローのイメージ例

3）シーグラスミニマル

HEX： #0c3a47 #14606f #2e9c9c #a7ddd8 #f7f8f3

雰囲気： クリーン・軽やか・モダン

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

磨き上げられたような静かでモダンなシーグラスカラー。濃いブルーグリーンはナビやグラフに最適、淡いミントは穏やかなサーフェス向けです。シンプルなアイコンや細いボーダーと合わせて軽量なUIに。使い方：最も明るいティールはアクティブ状態に限定し、階層構造を明確にします。

media.io生成によるシーグラスミニマルのイメージ例

4）タイドプールニュートラル

HEX： #0b414a #1f6b75 #5aa7a3 #d7d1c2 #faf7f0

雰囲気： 地に足がついた・海沿い・バランス

おすすめ用途： インテリアデザインムードボード

タイドプールや石、日焼けした砂を連想させる、地に足がついた海岸カラー。暖かいニュートラルがクールなアクアを和らげ、冷たい印象になりすぎず暮らしやすい雰囲気に。部屋の配置図や素材ボード、穏やかなエディトリアルレイアウトなどに最適。実用アドバイス：砂の色を背景にしてティールのアクセントを上品に。

media.io生成によるタイドプールニュートラルのイメージ例

5）ノーティカルデプス

HEX： #041c2c #063a5b #0d6a7a #2fb9b3 #e9f2f2

雰囲気： 自信・海洋・プロフェッショナル

おすすめ用途： 企業レポート・プレゼン資料

深海や磨かれた金属を感じさせる自信に満ちた海のカラー。インクのようなネイビーでタイトルやグラフを、鮮やかなアクアでページを堅すぎない印象に。余白を多めに取り、シンプルなグリッドレイアウトで現代的なビジネススタイルを演出。アドバイス：ライトミスト色はテーブルや強調ボックスに使い、読みやすさをアップ。

media.io生成によるノーティカルデプスのイメージ例

6）コーラルコンパス

HEX： #0b3d48 #10757c #30c2b4 #f2e2c6 #ff6b6b

雰囲気： 冒険・日差し・遊び心

おすすめ用途： トラベルブランド・ポストカード

温かな浜辺を指すコンパスのような冒険的で陽光に満ちたカラー。ティールが海を感じさせて信頼感を、コーラルのアクセントが個性を即座に追加。シンプルなサンセリフ書体と組み合わせたポストカードや荷物タグ、遊び心のあるブランドロゴにぴったり。アドバイス：コーラルはスタンプやアイコン、一つの見出しに限定して穏やかなアクアを損なわないように。

media.io生成によるコーラルコンパスのイメージ例

7）ミスティマリーナ

HEX： #0a3640 #1e6571 #64b6b2 #c9e9e7 #e7e2da

雰囲気： 柔らかい・霧・リラックス

おすすめ用途： ライフスタイルブログヘッダー

静かな港の朝の空気を思わせる柔らかく霧がかったトーン。抑えめのティールはコントラストを保ちつつ刺激がなく、淡いミントは優しい雰囲気を生みます。暖かいベージュのニュートラルと少しのグレイン（粒子感）を合わせると居心地の良い仕上がりに。アドバイス：ヘッダーは最も濃い色、ミントは控えめなハイライトやラインに。

media.io生成によるミスティマリーナのイメージ例

8）ジェードカレント

HEX： #043b3a #0d6b5a #16a085 #8fe3cf #f6f1e7

雰囲気： 爽やか・植物的・リフレッシュ

おすすめ用途： エコ商品パッケージ

ジェードとミントのフレッシュで自然志向なカラートーン。濃いグリーンはプレミアムな書体やラベルに、淡いミントはクリーンでサステナブルな印象をプラス。マットなパッケージのミニマルグラフィックや余白たっぷりのデザインに合います。アドバイス：暗い色は文字用にして細かい成分表示も読みやすく。

media.io生成によるジェードカレントのイメージ例

9）パールダイバー

HEX： #0a3f4a #0f6a7a #29a6a1 #d7f1ef #f3e8da

雰囲気： 優雅・軽やか・洗練

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

パールのような柔らかさのある優雅な水色トーンで、ロマンティックなステーショナリーに最適。ティールは名前や日付の構造を作り、淡いトーンは全体を明るく上品にまとめます。繊細なセリフ書体や細いラインアートと組み合わせればタイムレスな印象に。アドバイス：暖かいクリーム色を用紙にして、ティール箔やインクでコントラストを加えましょう。

media.ioで生成された真珠採りの画像例

10）サイレンナイト

HEX： #021b20 #06363f #0b6b73 #14a8a6 #c3f4ee

雰囲気： 神秘的、夜行性、スリーク

おすすめ用途： 音楽カバーアートやプロモ用

ネオンが暗い水に反映されたような、神秘的な夜のトーンです。ほぼ黒と深いティールがドラマを生み、明るいアクアがスポットライトのように映えます。アルバムカバーやクラブのフライヤー、コントラストを強調したいデジタルプロモにおすすめ。コツ：テキストは淡いミント、最も明るいアクアは一つの注目要素に使いましょう。

media.ioで生成されたサイレンナイトの画像例

11）コースタルクレイ

HEX： #0b4a54 #16707c #5fb7b0 #c9b39c #f3ede3

雰囲気： 暖かい、職人風、海岸風

おすすめ用途： 陶器ショップのブランディング

海の空気と手作りの粘土が混ざり合う温かなトーンです。ティールはロゴやラベルにフレッシュさを、粘土色とクリーム色は落ち着きと触感を持たせます。質感のある紙やスタンプ痕、シンプルな商品写真と合わせるのがおすすめ。コツ：背景に粘土色を使うとティールのディテールが映えます。

media.ioで生成されたコースタルクレイの画像例

12）アクアシトラス

HEX： #04424d #0c6f7a #18b9b6 #c7f465 #fff3b0

雰囲気： 明るい、ジューシー、ポジティブ

おすすめ用途： フィットネスアプリのオンボーディング画面

はじける炭酸水にシトラスを加えたような明るく爽やかなトーンです。ティールがスポーティーでモダンな印象を持ち、ライムのアクセントが即座に元気さを与えます。淡いイエローは親しみやすい背景に、ライムは重要ステップへの目線誘導に活用。コツ：ライム色は進捗アイコンやインジケーターだけに絞るとパンチがありつつも騒がしくなりません。

media.ioで生成されたアクアシトラスの画像例

13）ヴィンテージマップ

HEX： #06343d #0b5c68 #2c9090 #b9b08b #f2ead7

雰囲気： 伝統的、探検的、クラシック

おすすめ用途： 書籍カバーや編集特集

ヴィンテージマップやインクで描かれた海岸線を思わせる伝統的なトーンです。くすんだティールは流行よりも洗練を感じさせ、羊皮紙のニュートラルが文学的な雰囲気を保ちます。セリフ体フォント、細いルール、さり気ない紙目の質感と組み合わせてクラシックな編集仕上げに。コツ：表紙ベースは羊皮紙、タイトルは最も濃いティールで明瞭に。

media.ioで生成されたヴィンテージマップの画像例

14）スパセレニティ

HEX： #0b3f46 #146f73 #4fb8b1 #bfeee8 #f6fbfa

雰囲気： 癒し、清潔、スパのような

おすすめ用途： スキンケア商品の広告

潤いと静かさ、清廉さを伝えるスパトーンです。中間のティールはプロダクト名に構成感、淡いミントとほぼ白がふんわりした明るさを与えます。柔らかな影やミニマルな小道具と合わせてプレミアム感を演出。コツ：ヒーローカラーに1色ティールを選び、他のティールはグラデーションとして控えめに使いましょう。

media.ioで生成されたスパセレニティの画像例

15）エレクトリックケルプ

HEX： #013338 #066f73 #12b5b0 #00d1a0 #eafff7

雰囲気： 鮮やか、テクノロジー、未来的

おすすめ用途： スタートアップのピッチデック

未来を感じる鮮やかなケルプグリーンの配色です。明るいグリーンティールのアクセントが、特にダークなセクションで躍動感と自信を演出。「アトランティス」カラーの組み合わせは十分な余白と幾何学的な形状で真価を発揮します。コツ：ほとんどのスライドでほぼ白を使い、1つドラマチックなセクション区切りだけに最も濃いティールを。

media.ioで生成されたエレクトリックケルプの画像例

16）モンスーンハーバー

HEX： #062b33 #0a4f5c #0f7c8a #78c8c4 #dde7e6

雰囲気： ムーディー、雨、シネマティック

おすすめ用途： 映画ポスターやキービジュアル

シネマティックで港町の嵐の明かりを思わせるムーディーな雨の色合いです。暗い色調はドラマチックな文字のベースとなり、淡いグレーグリーンが雰囲気を高めます。高コントラストのシルエットや抑えめの質感と合わせることで現代的なスリラーの雰囲気に。コツ：タイトルは淡いトーンで、クレジットや詳細には中間ティールを使いましょう。

media.ioで生成されたモンスーンハーバーの画像例

17）グレーシャーベイ

HEX： #0a3a45 #11707f #3bb7c2 #b7eef2 #f8fffe

雰囲気： 氷のよう、キリッと、爽快

おすすめ用途： 水ブランドのラベル

氷河の水や新鮮な空気を感じさせる氷のようなアクアの組み合わせです。明るいシアンティールは即座にクリアな印象を与え、ほぼ白が全体をとてもクリーンに仕上げます。細いサンセリフ体とミニマルな波のモチーフで現代的なラベルに。コツ：最も濃いティールは法的表記だけに使い、デザインは明るくプレミアムに仕上げましょう。

media.ioで生成されたグレーシャーベイの画像例

18）トロピカルアルジー

HEX： #033b3c #0a736d #18b985 #9fe870 #fff1c1

雰囲気： 豊か、遊び心、トロピカル

おすすめ用途： 植物画やステッカー

太陽に照らされた浅瀬を漂う藻のような、豊かでトロピカルなグリーンです。鮮やかなライムが遊び心のあるコントラストを生み、暖かいバターイエローと組み合わせて明るく仕上がります。イラストステッカーパックや植物モチーフ、楽しいグッズにおすすめ。コツ：メインには2色のグリーン、ライムはスパークやアウトラインなどポイント使いに。

media.ioで生成されたトロピカルアルジーの画像例

19）オパールサーフ

HEX： #07343d #0e6470 #27a8a3 #aee7e2 #fff7ea

雰囲気： フレンドリー、爽やか、楽観的

おすすめ用途： レストランメニューや看板

サーフフォームや陽だまりの空気のような爽やかなオパールのトーンです。中間ティールは見出しや区切り線に最適で、クリーミーな背景がメニューを親しみやすくします。シンプルなイラストや余白と組み合わせてごちゃつきを防ぎましょう。コツ：ミントがかったオパール色はスペシャルや季節限定の枠に使ってください。

media.ioで生成されたオパールサーフの画像例

20）テンプルルインズ

HEX： #08343c #0b6670 #1aa6a0 #d6c7a3 #f5f1e6

雰囲気： 古代、陽だまり、歴史を感じる

おすすめ用途： 博物館展示やパンフレット

水辺の石の遺跡を彷彿とさせる陽光のトーンです。ティールはモダンな明確さを、砂金色が歴史ある温もりを加えます。展示用サインやパンフレット、案内表示など、目立たせすぎずしっかり対比させたい場面におすすめ。コツ：パネルには砂色、ナビやセクションラベルはティールで統一感を。

media.ioで生成されたテンプルルインズの画像例

アトランティスに合う配色は？

アトランティスカラー（ティール、アクア、深いブルーグリーン）は、パール、クリーム、サンド、クレイ、羊皮紙のような暖かいニュートラルと美しく調和します。これらがクールな雰囲気を和らげ、スクリーンでも印刷でも読みやすく高級感あるコースタルバランスを生み出します。

より強いコントラストが欲しいときは、コーラル、スイカピンク、サニーイエロー、ライムなどをアクセントに加えてください。明るい色は小さなUIステート（CTA、バッジ、ハイライト）に絞ることで、パレットが“オーシャニック”なまま統一感を保てます。

もっとダークでシネマティックな方向性なら、ほぼ黒に近いティールとミスティグリーン、またはペールミントのタイポグラフィを組み合わせてください。階層感を保ちながら水中の雰囲気を出せます。

実際のデザインでアトランティスカラーパレットを活用する方法

まず役割ベースで色を分けましょう：テキストと見出し用に最も濃いティール、ブランドブロックやナビ用に中間ティール、インタラクティブ要素用に明るいアクア、背景用に明るいニュートラル。この配分によりコントラストを安定させ、UIもアクセシブルに。

印刷物の場合、暖かいニュートラルを「紙」とし、ティールをインクのようにレイヤーするとエレガントな編集感が出ます。特にさりげない質感や細いルール、広めのマージンと組み合わせるのがおすすめです。

ブランディングではロゴはシンプルにし、パレット自体がテーマを引き立てるように。控えめなアクセントカラー（コーラルやライム）はアイコンやスタンプ、パッケージシールの署名的なディテールに使うのが最適です。

AIを使ってアトランティスパレットのビジュアルを作成する

HEXコードが既にある場合は、そのパレットに合わせたビジュアル制作に進みましょう。LPやポスター、パッケージ、メニュー、UI画面など、使用シーンごとにそのムードを再現します。一番早い流れは、プロンプトスタイルを流用しパレット名やデザイン文脈を書き換えることです。

Media.ioのAI画像生成ツールを使えば、さまざまな構成やアスペクト比、ミニマル度合いをすぐ試せます。最も強いコンセプトを本番デザイン方向性に採用してください。

気に入った案ができたら、バリエーション（背景を明るく、ヒーローセクションを暗めに、アクセントを強調するなど）を生成し、キャンペーンや商品ページ用に一貫したセットを構築しましょう。

次へ： ボタニカルカラーパレット