水槽カラー パレット24選｜おすすめ配色・HEXコード・AIデザイン例

アクアリウムのカラーパレットは、シーグラスグリーン、クールなブルー、砂色のニュートラルを組み合わせて、清潔感があり、穏やかでモダンなデザインを生み出します。

ブランド構築やスライド資料作成、部屋のムードボードにも、水中からインスピレーションを受けたこれらの色合いは、全体の雰囲気を新鮮かつ心地よく保ちながら、簡単にコントラストを作り出せます。

アクアリウムパレットがとても魅力的な理由

アクアリウムパレットは、ティール、シアン、シーフォーム、やわらかなブルーといった自然な「落ち着き」のある領域に属しているので、清潔感や明瞭さ、信頼感を瞬時に伝えます。

また、バランスを取りやすいのも特徴です。涼しげな水色トーンは広い面積（背景、セクション、スライド）を担い、温かみのあるサンド、クリーム、コーラルのアクセントを加えることで、人の温もりや明確な階層が生まれます。

UIからインテリアまで、これらのカラーは用途が広く、最小限かつプロフェッショナルな印象にも、鮮やかで遊び心のある組み合わせにも自在に変化させられます。

20種類以上のアクアリウムカラーパレットのアイデア（HEXコード付き）

1）シーグラスドリフト

HEX： #0E5A66 #1FA2A8 #7FE2D5 #D9F7F0 #E7D8C7

雰囲気： 清潔感・軽やか・癒し

おすすめ用途： ウェルネスブランドや落ち着いたランディングページ

やさしい波で磨かれたシーグラスのように清潔で軽やか。濃いティールは見出しやナビゲーションに、ミントやフォームは広い背景に使うと効果的です。サンディベージュは全体に温かみを与え、特にウェルネスやスキンケア、スローライフ系ブランドにぴったりです。コツ：最も濃いティールと最も明るいフォームをCTAに組み合わせると、コントラストが際立ちます。

media.ioで生成したシーグラスドリフトの画像例

Media.io

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

今すぐ無料で試す

2）ケルプフォレスト

HEX： #0B2E2D #124A3A #2E7D5B #9CD6B0 #F1E7D3

雰囲気： アーシー・豊か・ナチュラル感

おすすめ用途： エコパッケージやアウトドア製品のラベル

アーシーで豊かなこのパレットは、南国風ではなく、ケルプ越しに差し込む日差しのようなナチュラル感が特徴。深い緑黒はパッケージの文字やロゴに、中間のグリーンはパネルやアイコンに使用。淡いクリームが読みやすさと高級感を与えます。コツ：ライトミントをワンポイントとして配置すれば、視線を誘導できます。

media.ioで生成したケルプフォレストの画像例

3）コーラルウィスパー

HEX： #0F4C5C #2BB3B1 #BFF3E6 #F6F1E6 #F4A3A8

雰囲気： 柔らかい・親しみやすい・モダン

おすすめ用途： ビューティープロモーションやSNSテンプレート

澄んだ水を通して見えるコーラルのように柔らかく親しみやすいトーン。ピンクのアクセントは温かみを添えつつ、主張しすぎません。ティールとアクアをメインに、ボタンやステッカー、価格の強調にブラッシュピンクをポイントで。クリーミーなオフホワイトでレイアウトの無機質さを避け、ライフスタイル写真とも馴染みます。コツ：ブラッシュはセクションごとに一つに留め、軽やかな印象を保ちましょう。

media.ioで生成したコーラルウィスパーの画像例

4）タイドプールペブル

HEX： #123B4A #2C6E8F #7EC7D3 #D7E6E8 #7A7F84

雰囲気： 静か・海辺・バランスよい

おすすめ用途： エディトリアルデザインやポートフォリオサイト

潮だまりの石のように、落ち着きがあり大人っぽいブルー＆グレー。スレートグレーでキャプションやUI枠を落ち着かせ、淡いブルー系でゆとりあるレイアウトに。中間のブルーはリンクや区切りに最適で派手すぎません。コツ：一つのアクセント色に絞り、タイポグラフィでインパクトを出しましょう。

media.ioで生成したタイドプールペブルの画像例

5）リーフランタン

HEX： #072B3A #0E6B7C #20C3B7 #F2F5F4 #FFB85C

雰囲気： 力強い・エネルギッシュ・現代的

おすすめ用途： イベントポスターや告知グラフィック

黄昏時のリーフライトのように力強くエネルギッシュ。クールなウォータートーンに暖かい琥珀色をプラス。深いブルーで背景を作り、アクアで大胆な形、アンバーで日付や注目情報を強調します。オフホワイトでテキストをクリアに、印刷時のカラーバンディングも防ぎます。コツ：アンバーは一つの階層に限定し、ポスターのごちゃつきを避けましょう。

media.ioで生成したリーフランタンの画像例

6）ディープリーフナイト

HEX： #041822 #083A4A #0F7E8A #6CE2D8 #EAF7F6

雰囲気： 神秘的・シャープ・ハイコントラスト

おすすめ用途： ダークモードのダッシュボードやフィンテックUI

真夜中のダイビングのように神秘的でスマート。暗いベースがアクアのハイライトを引き立てます。ほぼブラックを背景に使い、グラフやトグル、アクティブ状態にティールを。淡いフォームは本文やカード面に使うと落ち着きあるコントラストが生まれます。コツ：彩度の高いアクセントはインタラクティブ要素のみに絞り、視認性を高めましょう。

media.ioで生成したディープリーフナイトの画像例

7）ブリーズ＆フォーム

HEX： #1B6D77 #5EC4C6 #B7F1EB #F7FBFB #C9B8A5

雰囲気： 明るい・軽やか・ウェルカム感

おすすめ用途： カフェメニューやライフスタイルブログ

穏やかな水面の朝の泡のように明るく軽やか。すぐにウェルカムな雰囲気になります。ミッドティールは見出しやメニューセクションに、淡いアクアは広い背景に。暖かなトープが手作り感や安定感を与え、フード写真や紙テクスチャとも相性◎です。コツ：トープと最も濃いティールを小さなテキストエリアの組み合わせで使い、より強いコントラストを。

media.ioで生成したブリーズ＆フォームの画像例

8）シーサイドミニマル

HEX： #0C3F52 #2A8AA6 #A7DCE7 #F5F7F8 #D0D4D6

雰囲気： ミニマル・プロフェッショナル・クリア

おすすめ用途： コーポレートプレゼンテーションやレポート

澄んだ水平線のようにミニマルでプロ感あふれるパレット。密度の高いレイアウトでもクリアな印象を保てます。ディープブルーはタイトルやセクションバーに、ミューテッドティールは図表やアイコンに。ライトブルーとクールグレーで間を広く、スライドが長くなっても疲れにくいです。コツ：図表は2色まで、グレーでグリッドやラベルを担当させましょう。

media.ioで生成したシーサイドミニマルの画像例

9）マーメイドマーケット

HEX： #1B2D3A #2F7EA0 #44D1C2 #F3F0E8 #C07BC6

雰囲気： 遊び心があり、トレンディで、芸術的

おすすめ用途： ブティックブランディングとステッカーセット

海辺のナイトマーケットのように遊び心とトレンド感のあるパレットで、パープルのアクセントがアクアカラーにクリエイティブなひねりを与えます。深いインクブルーでロゴやアウトラインを支え、ティールやミントを重ねて生き生きした背景を作りましょう。暖かいオフホワイトは親しみやすくマーチャンダイズにも印刷しやすい色です。アドバイス：パープルはバッジやイラストに少量使うと、サプライズ感がありながらノイズにはなりません。

media.ioで生成したマーメイドマーケットの画像例

10) ハーバースレート

HEX： #10222B #1E4D63 #4FA6B8 #C9E3EA #B2B8BE

雰囲気： クールで構造的、信頼感

おすすめ用途： B2BウェブサイトとUXケーススタディ

現代的なハーバーのようにクールで構造的、この配色は退屈せず信頼感を与えます。インキーチャコールをナビゲーションやフッターに使い、スチールティールで主要セクションや図を彩ります。淡いブルーグレーはスクリーンショットや長文の読み物の柔らかなキャンバスになります。アドバイス：明るいティールのマイクロアクセントはリンクや進行中のみ使うと、明快な印象になります。

media.ioで生成したハーバースレートの画像例

11) トロピカルカレント

HEX： #004E64 #00A5A8 #9FF2D8 #FFF3D6 #FF7A59

雰囲気： 晴れやか、鮮やか、冒険的

おすすめ用途： 旅行広告とサマーキャンペーン

明るい浅瀬をボートで進むような晴れやかで冒険的な印象を与え、冷たいウォーターカラーに温かみをプラスします。ティールを主役に、コーラルオレンジでCTAや価格、期間限定のラベルを目立たせます。バタークリーム色で全体の可読性を保ち、バケーションの雰囲気も演出。アドバイス：写真がにぎやかな場合は、テキストはクリーム色のブロック上に載せて深いブルーでアウトラインを加え、読みやすさを確保しましょう。

media.ioで生成したトロピカルカレントの画像例

12) パール＆アクア

HEX： #0A4D5A #2CB7C4 #C7F2F1 #FAFAF7 #D7D1C7

雰囲気： 柔らかく研ぎ澄まされた高級感

おすすめ用途： ジュエリーのルックブックやラグジュアリーEC

透き通った水の中の真珠のように柔らかく研ぎ澄まされ、高級感があるけど冷たくありません。深いティールはエレガントなタイポグラフィや細い枠線に、淡いアクアは商品カードに最適。暖かいグレージュはメタリックと相性の良いさりげないラグジュアリー感を加えます。アドバイス：シャドウは控えめにし、カラーコントラストで高級感を演出しましょう。

media.ioで生成したパール＆アクアの画像例

13) ヴィンテージ・アクアリウム・ポストカード

HEX： #1A3D4A #3C8FA3 #A8D8D2 #F2E6D3 #C98C6B

雰囲気： ノスタルジック、暖かい、厳選された

おすすめ用途： レトロポスターやカフェ壁インテリア

色あせた海辺のポストカードのようにノスタルジックで温もりがあり、アクアブルーと陽に焼けたニュートラルが絶妙にバランスします。クリーミーなタンを用紙のベースにし、ティールをイラストやヘッダーに重ねて彩色。クレイブラウンは切手・枠・価格ラベルなどヴィンテージ感のアクセントに。アドバイス：繊細な粒状感と控えめな彩度で本格的なレトロ印刷の雰囲気を出しましょう。

media.ioで生成したヴィンテージ・アクアリウム・ポストカードの画像例

14) 寿司バー・アクアティック

HEX： #0B3A42 #1F8A8A #8DE6D1 #F7F2E8 #D94B4B

雰囲気： モダン、食欲をそそる、ハイコントラスト

おすすめ用途： レストランメニューやデリバリーアプリ

洗練された寿司バーのようにモダンで食欲をそそる配色。クールなグリーン系と鮮やかなレッドが絶妙に引き立ちます。ディープティールはメニューヘッダーとナビゲーションに、ミントでカテゴリカードを明るく。レッドは辛口マークや注文ボタン、限定メニューに最適。アドバイス：レッドは小さなパーツだけに使い、全体がフレッシュな印象に。

media.ioで生成した寿司バー・アクアティックの画像例

15) スパ・ウォーター

HEX： #0D5E6B #3CBFC2 #BEEFEA #F8FEFD #B8C3C6

雰囲気： フレッシュ、やすらぎ、清潔感

おすすめ用途： クリニックページやスキンケアパッケージ

冷えたスパウォーターのようにフレッシュでやすらぎのあるカラー。清潔さとケアのイメージを伝えます。ほぼ白に近い色をメイン背景にし、ティールで信頼感ある見出しやアイコンに。ソフトなグレー系ブルーはサブテキストを穏やかに長文も読みやすくします。アドバイス：丸みのある形や余白を多く取り、より呼吸しやすい配色に仕上げましょう。

media.ioで生成したスパ・ウォーターの画像例

16) キッズエキジビット・スプラッシュ

HEX： #054A5C #00A0B0 #7AE7D6 #F4F7F8 #FFD166

雰囲気： 明るく、親しみやすく、教育的

おすすめ用途： ミュージアムサインやキッズ学習シート

タッチプールのようにインタラクティブで明るく親しみやすい配色は、飽きさせず教育的な雰囲気です。ターコイズは大見出しやエリアカラーに、ミントとホワイトで読みやすいスペースを確保。サニ―イエローは矢印やアイコン、楽しいコールアウトで子どもたちのガイドに最適。アドバイス：ターコイズに小さすぎる文字は避け、本文は必ず白地で。

media.ioで生成したキッズエキジビット・スプラッシュの画像例

17) テックタンク・ダッシュボード

HEX： #071E26 #0E5D6C #19A7A6 #8CF1E1 #E9FBF8

雰囲気： 未来的、精密、自信

おすすめ用途： データダッシュボードとSaaS製品UI

ガラス水槽で光る計器のように未来的で精密な印象。数値やナビゲーション向きです。ダークベースはサイドバーやトップバー、チャートはティールとアクアで明快に。ペールミントホワイトはカードを軽やかに見せ、情報の多い画面にも最適。アドバイス：チャートの最良の水槽配色はティール×アクアを基本とし、最も明るい色でハイライトをつけてください。

media.ioで生成したテックタンク・ダッシュボードの画像例

18) コースタルウェディング・グラス

HEX： #0E5661 #58B7B1 #C9F2E8 #FFF7EE #D8C2B0

雰囲気： ロマンチック、空気感、エレガント

おすすめ用途： 結婚式招待状やステーショナリー

ガラス越しの海の光のようにロマンチックで空気感のあるパステル調は、エレガントで自然体な印象。ティールは名前やモノグラム、ソフトミントは枠線や淡い水彩風に活用。暖かいアイボリーやブラッシュタンが印刷物をタイムレスにします。アドバイス：テクスチャ入りの紙と薄めのインクで印刷し、色濃くなりすぎるのを避けましょう。

media.ioで生成したコースタルウェディング・グラスの画像例

19) マリンリサーチ・ラボ

HEX： #0A2A33 #155E75 #3BB6C6 #D7F3F5 #F2F2EF

雰囲気： クリニカル、知的、信頼できる

おすすめ用途： 科学レポートとインフォグラフィック

海洋ラボのノートのようにクリニカルで知的、信頼感と高い可読性が特徴です。ダークブルーグリーンはタイトルやデータラベルに、鮮やかなシアンはチャートに最適で識別も明確。ペールアクア・ソフトホワイトはテーブル背景やコールアウトにも◎。アドバイス：細いラインアイコンと一貫したグリッドでリサーチ感を強調しましょう。

media.ioで生成したマリンリサーチ・ラボの画像例

20) ネオンジェリー・グロウ

HEX： #071B2A #114B7A #19D3C5 #B2FFF1 #B56CFF

雰囲気： エレクトロで遊び心、ナイトライフ

おすすめ用途： 音楽フライヤーや配信バナー

クラゲの光のようにエレクトロで遊び心に溢れ、ナイトライフのエネルギー感抜群。濃紺をベースに、明るいアクアとバイオレットでハイインパクトなハイライトに。ペールミントは白すぎない明るいテキスト用に最適。アドバイス：アクアとバイオレットのグラデーションは控えめに、デザインをシャープに保ちましょう。

media.ioで生成したネオンジェリー・グロウの画像例

21) サンドバー・カーム

HEX： #0F5B6D #3FA6B8 #AEE3E8 #F7F0E3 #CDB79E

雰囲気： 穏やかで温かい、親しみやすい

おすすめ用途： ホームデコのムードボードやブログ

浅瀬のサンドバーのように穏やかで温かく、リラックスできて親しみやすい配色。構成にはティールを使い、大きなエリアにはサンディクリーム色で柔らかく家庭的な雰囲気を。ウォームベージュは枠線やフレーム、軽いテクスチャ重ねに最適。アドバイス：リネンやオーク、ラタンなど自然素材と組み合わせるとより“暮らし感”が増します。

media.ioで生成したサンドバー・カームの画像例

22) バブルティー・シーフォーム

HEX： #0E4B57 #2AB3A6 #9CF2E2 #FFF6EA #A77B5A

雰囲気： スウィート、トレンディ、誘致力

おすすめ用途： ドリンクショップのブランディングとメニュー

タピオカが乗った海の泡ドリンクのように、フレッシュさとまろやかなブラウンが調和。ティールとミントがブランドの核、メニュースペースやパッケージにはミルククリームを。キャラメルブラウンはアイコン・枠・小さな商品ディテールに最適。アドバイス：ブラウンは細い線で控えめに使うと、重くならずトッピングのような印象に。

media.ioで生成したバブルティー・シーフォームの画像例

23) グラスタンク・クラシック

HEX： #0A3C4C #167A8A #45C4C6 #CFF6F1 #F4EDE2

雰囲気： クラシック、フレッシュ、汎用性

おすすめ用途： 一般的なブランディングシステムとテンプレート

明るいガラスタンクのようにクラシックで新鮮なこれらのトーンは、ほとんどあらゆるレイアウトに幅広く使えます。ネイビーティールをアンカー（基調）として使い、ティールやシアンをセクションやアイコン、チャートにローテーションしてください。優しいミントと暖かいオフホワイトが全体を柔らかく印刷に適した雰囲気に保ちます。ヒント：もしひとつだけ選ぶとしたら、このアクアリウムカラーパレットはWebと紙の両方でバランスが取れています。

media.ioで生成したガラスタンククラシックの画像例

24) コーラルリーフ ニュートラルポップ

HEX： #083743 #1E8E9B #7FE5D6 #F6EFE6 #F26D7D

雰囲気： 新鮮、自信、親しみやすさ

おすすめ用途： スタートアップのブランディングやマーケティングページ

淡い砂浜に映えるサンゴ礁のように新鮮で自信に満ちた色合い。静かなニュートラルカラーに活気あるローズピンクが加わります。ベースとしてティール系を使い、ピンクはサインアップボタンなど一つの重要なアクションに使いましょう。暖かいオフホワイトがモダンで親しみやすい雰囲気にまとめてくれるので、色合いがキャンディのようになりません。ヒント：印象的なアクアリウムカラーパターンにしたい場合、ピンクは最も暗いティールの隣だけで使い、意図的で大胆なコントラストを生み出しましょう。

media.ioで生成したコーラルリーフニュートラルポップの画像例

アクアリウムに合う色は？

アクアリウムトーンは、砂、アイボリー、トープ、グレージュなどの暖かいニュートラルと非常に相性が良く、心地よさとティール中心のデザインの冷たさを和らげます。

より強いコントラストがほしい場合は、コーラルやアンバー、ローズピンクをアクセントとしてほんの少し加えてみてください。暖色のアクセントは使用量を抑えれば、穏やかな水色系に対して明確なCTAの階層を生み出します。

より構造的でプロフェッショナルな印象にしたいなら、スレートグレーやチャコールをタイポグラフィ、UIクローム、ディバイダーに加え、ハイライトとしてアクア系を活用しましょう。

アクアリウムカラーパレットを実際のデザインで使う方法

まずヘッダーやナビ、重要なアウトラインには、ダークアンカー（ネイビーティールや濃いグリーン）を使用し、リンクやアイコンなど主要UI要素には1つの中間ティールを選んでください。

もっとも明るいシーフォームやほぼ白に近い色をメイン背景に使うことで、クリーンで軽やかな印象を保てます。レイアウトを柔らげるカードやコンテンツブロックには暖かな砂色やクリーム色を用いるのが効果的です。

アクセシビリティの観点から、テキストの多い部分ではコントラストのテストを。本文は最も明るいトーンの上に配置し、アクアの鮮やかな色は主にボタンやチャート、インタラクティブな状態で使いましょう。

AIでアクアリウムパレットのビジュアルを作成する

アクアリウムのカラースキームを実際に確認したい場合は、最終デザインを決める前に簡単なモックアップ（ポスター、ランディングページ、パッケージ、ダッシュボードなど）を作ってみてください。

Media.ioなら、短いプロンプトから統一感のあるビジュアルを素早く生成できます。アクセントの差し替えやムード調整、Web/印刷用のバリエーション検討も数分で実現できます。

上記のパレットから選んで、含まれているプロンプトを再利用し、用途（ブランド・イベント・商品・UI）をあなたのプロジェクトに合わせて調整してください。

次へ： パステルレッドのカラーパレット