22 Best Glaucous Color Palettes with Hex Codes for Design

グラウコースは、空気のように軽やかで穏やか、静かにモダンな印象を与える控えめな青灰色です。純粋な寒色のグレーよりも柔らかく、透明感を求めるブランドやレイアウトによく選ばれます。

以下にHEXコード付きのグラウコースカラーパレットアイデアを20以上紹介します。UI、印刷物、インテリア、マーケティングビジュアルへの実用的な組み合わせや使用のヒントも掲載しています。

グラウコースパレットが効果的な理由

グラウコースは青と灰色の中間に位置し、落ち着きとプロフェッショナル感を与えますが、無機質になりすぎません。このバランスが、信頼感を必要とするインターフェースや編集レイアウト、ブランドシステムに特に強みを発揮します。

自然に控えめな色合いのため、グラウコースは温かみのあるアクセントとも冷たいアクセントとも組み合わせやすいです。砂やオフホワイトと組み合わせると海岸風で軽やかに、ネイビーやチャコール、明るいハイライトと合わせるとモダンなテック感が際立ちます。

視認性もサポートします。濃いスレートトーンなら強い文字コントラストが得られ、淡いブルーグレーなら大きな背景も目に優しくなります。長いスクロールページや情報量の多いデザインに最適です。

20以上のグラウコースカラーパレットアイデア（HEXコード付き）

1）ミスティハーバー

HEX： #6B8CBF #AFC2D9 #F2F5F7 #3E4F63 #D6C9B2

雰囲気： 穏やか、海岸風、軽やか

おすすめ用途： 健康・スキンケアブランドのアイデンティティ

静かな桟橋に漂う早朝の霧のように穏やかで海岸風のトーンが、冷たくなりすぎず清潔感を演出します。主色に柔らかなブルーグレーを使い、レイアウトを深いスレートで引き締めてロゴや文字を配置。暖かい砂色がパレットを親しみやすく人間味のある印象に、特にパッケージやラベルにおすすめです。印刷テストも重要なので、薄い背景の小さい文字はコントラストを少し強めるのがポイント。

media.ioで生成したミスティハーバーの画像例

Media.io

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

今すぐ無料で試す

2）ノルディックスレート

HEX： #5F7FAE #2E3B4A #8FA3B5 #E7ECEF #C9B29A

雰囲気：ミニマル、モダン、安定感

おすすめ用途：ウェブダッシュボード・管理UI

ミニマルで落ち着いた印象は、北欧インテリアの明るさやスレートの影を想起させます。深いチャコールブルーはナビバーに最適、淡いグレーブルーはコンテンツ領域を広く読みやすくします。暖かいトープはアクティブ状態やKPIハイライトに控えめに使い、視覚疲労を避けましょう。アイコンの線は少し太くするのがポイントです。

media.ioで生成したノルディックスレートの画像例

3）シーグラスミニマル

HEX： #6A86B8 #BFD6D9 #F7FAF9 #4D5D6C #9AB5A6

雰囲気：フレッシュ、清潔、スパ風

おすすめ用途：ヘルスブログのヘッダーやSNSテンプレート

朝の海岸で拾ったシーグラスのように爽やかで衛生的な印象です。背景には軽やかなミントとオフホワイトを組み合わせ、見出しやCTAボタンには濃いブルーグレーを。グリーングレーのアクセントはアイコンや区切り線、微妙なグラデーションで美しく映えます。グラデーションは一方向のみとし、全体をミニマルに保つのがポイントです。

media.ioで生成したシーグラスミニマルの画像例

4）クラウドラインUI

HEX： #6483B4 #1F2933 #96A9C0 #E9EEF4 #F2C9A0

雰囲気：スリーク、フレンドリー、テック志向

おすすめ用途：SaaSランディングページUI

明るい雲とスチールブルーのスカイラインのようなスリークで楽観的な配色です。淡いブルーグレーがページトーンをセットし、ピーチ色は目立つアクションに限定すると効果的。タイポグラフィはほぼ黒でシャープなコントラストとモダンな雰囲気に。ピーチ色は主なCTAだけに使うことで、コンバージョン要素を際立たせるのがポイントです。

media.ioで生成したクラウドラインUIの画像例

5）コースタルテラコッタアクセント

HEX： #6C88BA #C96B3B #F3E7DA #2F3C4A #A8B8CF

雰囲気：陽だまり、職人風、海岸風

おすすめ用途：陶器店の商品広告

暖かくて職人風、手作りの陶器と海岸のペイントが並ぶイメージ。クリーミーなニュートラルを中心に、テラコッタはバッジ・価格・季節プロモに使い、濃いネイビースレートで見出しを引き締め、暖色アクセントに権威を与えます。クリーム背景に微細なテクスチャを追加し、手作り感を高めつつ、散らかさないのがポイント。

media.ioで生成したコースタルテラコッタアクセントの画像例

6）ウィンターヘイズ

HEX： #6E8FBE #C7D2E2 #F8F9FB #5A6675 #B7B0A6

雰囲気：静か、冬らしい、洗練

おすすめ用途：編集雑誌の誌面

静かで冬らしい配色は、雪の後のコンクリートと淡い空の柔らかい光を思わせます。薄い色合いは余白やマイナススペースに、ミドルブルーグレーはセクションや引用ブロックに。グレージュのニュートラルは控えめなファッション感を加え、セリフ体のタイポグラフィにもよく合います。写真はやや彩度を落とし、レイアウトカラーの一体感を保つのがおすすめです。

media.ioで生成したウィンターヘイズの画像例

7）ミュージアムインク

HEX： #5C78A7 #0F1B2A #7D8EA6 #E6E2DB #B58F6B

雰囲気：ドラマティック、文化的、時代を超えた

おすすめ用途：書籍カバーデザイン

ギャラリーの壁やインクのキャプション、暖かいスポットライトフレームを思わせるドラマティックで文化的な配色です。ブラックに近い色でタイトルを際立たせ、ブルーグレーで大きな形や帯をサポート。アンティークブラスのアクセントは高級感を加え、エンボス文字や箔加工に美しく映えます。ブラスはカバー面積の10％未満に抑えるとプレミアム仕上げに。

media.ioで生成したミュージアムインクの画像例

8）ボタニカルダスク

HEX： #5F81B7 #2F5D50 #B8C7D9 #F4F6F2 #C7A27A

雰囲気：アース感、穏やか、庭風

おすすめ用途：植物イラストセット

アース感があり穏やかな配色は、夕暮れ時の葉っぱの影と上空の涼しい空を想起。フォレストグリーンがブルーグレーと調和し、暖かいタンが地に足のついたオーガニック感をもたらします。オフホワイトは用紙カラーとして、イラストの細部を軽やかに見せます。自然な風合いには顔料の濃度を変え、アウトラインはミニマルに。

media.ioで生成したボタニカルダスクの画像例

9）スチール＆シルク

HEX： #647FAF #9AA5B1 #EDEFF2 #3B4756 #C7B7C4

雰囲気：磨き上げられた、柔らかい、現代的

おすすめ用途：ファッション ルックブック レイアウト

洗練されつつも柔らかく、サテンのささやきを感じるヘアラインメタルのような印象です。ブルーグレーやスチール系のニュートラルで構造を作り、ダスティモーヴをページ番号やセクションマーカーなどの小さなエディトリアル要素に使いましょう。ダークなスレートカラーがグリッドを引き締め、淡いパネルの上でもテキストの可読性を保ちます。ヒント：統一感のためにコーナーの角丸を一つに決めて使いましょう。

media.ioで生成したスチール＆シルクの画像例

10) 雨の日のエディトリアル

HEX： #6B88B5 #222A35 #B6C0CF #F5F3EF #D2A679

雰囲気：ムーディー、知的、控えめ

おすすめ用途：ニュースレターテンプレート

ムーディーで知性的、都会の窓を打つ雨と温かなカフェの灯りを思わせます。このグローカス系カラーパレットは、クリーム地とブルーグレーのブロックが活躍する長文読書に最適。見出しには深いチャコールを、ゴールデンタンカラーはリンクハイライトや小さなバッジに取っておきましょう。ヒント：行間を広めに取ることで暗いトーンの重たさを感じにくくします。

media.ioで生成した雨の日エディトリアルの画像例

11) サンリット ピア

HEX： #6A87BB #F6D7B0 #FBFCFD #2C3E50 #94A9C4

雰囲気：明るい、さわやか、楽観的

おすすめ用途：旅行ポスターデザイン

明るくさわやかで、日差しが淡いウッドデッキや穏やかな水面に当たるような雰囲気です。オフホワイトをメインに、暖かな砂色を大きな図形や境界線に使い、日の光をイメージ。見出しには深いネイビーを使うと遠くからも読みやすいです。ヒント：イラストは2色に抑えてトラベル感を現代的に。

media.ioで生成したサンリットピアの画像例

12) インディゴ フォグ

HEX： #5E7DB0 #3D4A5C #A9B9D1 #F0F2F6 #7A6B83

雰囲気：神秘的、落ち着き、モダン

おすすめ用途：音楽アルバムカバー

神秘的で落ち着いた雰囲気、かすかなインディゴが漂う霧の夕暮れを思わせます。カバーアートのベースには深いスレートやインディゴ、ディテールには淡いミストカラーを。モーヴグレーのアクセントは控えめに感情を加えます。ヒント：大きなカラーフィールドには微細なグレインテクスチャを加え、デジタル出力時のバンディングを防ぎましょう。

media.ioで生成したインディゴフォグの画像例

13) チョークボード コースト

HEX： #6381B2 #1A1F28 #7E8FA7 #E8E7E3 #CDBB9D

雰囲気：スマート、居心地が良い、実用的

おすすめ用途：カフェメニュー デザイン

スマートで居心地が良く、チョークボードのおすすめメニューに海辺のアクセントをプラスしたイメージ。メニューのベースや文字にはほぼ黒、パネルやセクション見出しにブルーグレーをレイヤー。ハイライトには穏やかなベージュを使い、価格やシェフのおすすめを引き立てながら静かな雰囲気を壊しません。ヒント：フォントは2種類だけに絞ると可読性とエレガンスを両立できます。

media.ioで生成したチョークボードコーストの画像例

14) ラベンダーショア

HEX： #6D86B6 #C6B3D3 #F4F1F7 #4A5563 #9FB3CF

雰囲気：ロマンティック、ソフト、夢見心地

おすすめ用途：ウェディング招待状セット

ロマンティックでソフト、水辺の黄昏にラベンダーが漂うような雰囲気。淡いライラックとオフホワイトでエレガントな紙面を作り、ブルーグレーで可愛くなりすぎないモダンさをプラス。名前など重要な情報はダークスレートで印刷コントラストを強く。ヒント：ウォームホワイトの用紙を選ぶと実物のラベンダーがより映えます。

media.ioで生成したラベンダーショアの画像例

15) クワイエット ラグジュアリー

HEX： #5D7AA9 #D8D1C6 #F6F5F2 #2E3947 #B09A84

雰囲気：プレミアム、控えめ、暖かみ

おすすめ用途：ラグジュアリー不動産パンフレット

プレミアムかつ控えめで、テイラードなテキスタイル、石のカウンタートップ、自然光を感じる柔らかさを持ちます。クリームやグレージュを広いページ背景に、見出しや物件紹介にはディープスレートを。暖かみのあるブラウンタウプはレザーのアクセントのよう。建築写真とも好相性。ヒント：アクセントブロックは細くし、厳格なグリッドに沿わせて本物の高級感を演出してください。

media.ioで生成したクワイエットラグジュアリーの画像例

16) アークティックミント

HEX： #6686B9 #9FD2C7 #F2FBF9 #3F4D5D #D7E2EF

雰囲気：シャープ、リフレッシュ、クリーン

おすすめ用途：アプリのオンボーディング画面

シャープでリフレッシュな印象、冷たい空気や明るい氷、ミントのような爽やかさ。淡いアクアやほぼ白はオンボーディング背景に最適で、ダークスレートでラベルの視認性を確保。ブルーグレーはイラストや進捗表示のラインなどに使い、一貫性キープ。ヒント：CTAボタンはもっとも暗い色を使い、明るい画面でもアクセシビリティを重視しましょう。

media.ioで生成したアークティックミントの画像例

17) ストーミー セラミック

HEX： #607FB5 #B8B1A9 #F3F0EA #364150 #C46E57

雰囲気：ラスティック、ストーミー、質感

おすすめ用途：手作り雑貨パッケージ

ラスティックで嵐のような雰囲気があり、窯焼きの陶器と曇り空を想起させます。暖かなクレイのアクセントはクールなブルーやグレーに躍動感を与え、ラベルに手作り感と現代性を加えます。広い余白にはオフホワイト、スタンプやブランドマークは最も暗い色で。ヒント：未塗工紙を使うとタッチ感が増し、作家性を高められます。

media.ioで生成したストーミーセラミックの画像例

18) ギャラリーペーパー

HEX： #6A89B8 #EDE7DE #FAFAF8 #2A3441 #A7B8D3

雰囲気：クリーン、キュレート、現代的

おすすめ用途：ポートフォリオWebサイトテーマ

クリーンでキュレーションされた雰囲気、静かなギャラリーのようにソフトな紙の質感とシャープなラベル感。暖かみのあるオフホワイトが作品サンプルを引き立て、ブルーグレーが落ち着いたナビとホバーステートをサポート。チャコールはクリスプな文字や控えめな区切りに。ヒント：シャドウは軽めに、セクション分けは余白で。モダンポートフォリオの秘訣です。

media.ioで生成したギャラリーペーパーの画像例

19) テクノカーム

HEX： #5F82B6 #4A9DA0 #1D2B3A #A9BEDA #F0F6FF

雰囲気：自信、落ち着き、モダンテック

おすすめ用途：フィンテックアプリ マーケティングバナー

自信がありつつ落ち着いた、現代テックらしい信頼感と海のような雰囲気。ティールが鮮やかすぎずにエネルギーを、ディープネイビーが信頼感と見出しを支えます。ライトブルーは背景グラデやカードに。ヒント：ティール色は金利やアイコン、メインボタンなど強調箇所のみに絞って、視覚的雑音を防ぎましょう。

media.ioで生成したテクノカームの画像例

20) サンセット マリーナ

HEX： #6584B6 #E0B07E #F7EFE5 #334253 #88A0BF

雰囲気：暖かい、リラックス、招き入れる

おすすめ用途：レストランチラシ

暖かくリラックスした雰囲気、ゴールデンアワーのマリーナと涼しげな水の気配。サンドオレンジ系のタンはブルーグレーと自然になじみ、見出しやオファーが親しみやすく。クリームを主背景、深いスレートで日付や場所などの可読性を確保。ヒント：アクセントカラーはレイアウトの片側だけに配置して、視線の流れを誘導しましょう。

media.ioで生成したサンセットマリーナの画像例

21) ペブル＆パール

HEX： #6283B8 #CFCAC2 #F7F7F5 #404B59 #BFAE9A

雰囲気：ソフト、中立、穏やか

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

ソフトで穏やか、明るい部屋のなめらかな小石と真珠色のテキスタイルを連想させます。重ねたニュートラルがブルーグレーを繊細で上質に見せます。ライトオーク・リネン・マットブラックの金具と組み合わせて、現代的でオーガニックな空間に。ヒント：温かみベージュは3か所以上に分けて使い、統一感を持たせましょう。

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

22) ブループリントスタジオ

HEX： #5E80B7 #D7DEE9 #F9FAFC #273243 #E6CFA8

雰囲気：緻密、プロフェッショナル、エアリー

おすすめ用途：建築事務所ブランディング

緻密でプロフェッショナル、図面用紙・美しいマージン・正確な線を思わせます。グローカスのような配色は、落ち着きある信頼感が必要な建築ブランドにぴったり。ダークネイビーはワードマーク、淡い色はステーショナリーに。温かみのあるサンドは控えめな印象付けに。ヒント：ロゴはダークカラー1色でまとめ、印刷やヘッダー上でも最大限の汎用性を。

media.ioで生成したブループリントスタジオの画像例

グラウコースと相性の良い色は？

グローカスはソフトホワイト、ライトグレー、チャコールスレートと自然に調和し、現代的なブランドやUIに一瞬で落ち着いた基盤を与えます。ナビや見出し、アイコンにはブルー系に黒が混じった色を使ってパレットにコントラストを。

温かみを加えるなら、サンド、トープ、テラコッタ、真鍮などのアクセントを。こうした色でブルーグレーの冷たさを和らげ、主要アクション（CTA・価格・バッジ）を際立たせます。より新鮮さを出したい場合はミントやシーグリーン、控えめなティールを組み込んでもムードを壊さず活気をプラスできます。

もっと表情豊かにしたいなら、ダスティモーヴやラベンダーのアクセントがおすすめ。グローカスと調和しながらも上品で編集的な雰囲気になります。

グラウコースカラーパレットを実際のデザインで活用する方法

まず役割を決めましょう：淡いグローカスタイプを背景、中間色をサーフェスやカード・セクション、深いスレートをタイポグラフィに。シンプルな階層が可読性とレイアウトの一貫性をキープします。

アクセントは意図的に。暖色系（ピーチ・サンド・テラコッタ）か寒色系（ミント・ティール）のうち一色だけを主要CTAやアクティブステート、重要データポイント等に絞り、視覚的な雑音を防ぎましょう。

印刷物や製品のデザインでは、コントラストや用紙の質感をテストしてください。グラウコス色は用紙や照明によって変化するため、小さな文字にはコントラストを少し上げ、柔らかく上質な質感を出すには未塗工紙を検討しましょう。

AIでグラウコースパレットビジュアルを作成

パッケージ、ポスター、ダッシュボード、招待状などの実際のアイテムにグラウコスのカラースキームを適用した場合のイメージを見てみたいですか？レイアウトや素材、ライティングを説明して、すぐにスタイル付きモックアップを生成し、ブランドのムードに合うまで何度でも調整できます。

Media.ioのテキストから画像へのツールを使えば、上記のプロンプトを広告、UIコンセプト、ムードボード、ソーシャルテンプレート用の新しいバリエーションに簡単に変換できます――デザインファイルを一から作る必要はありません。

プロンプトはシンプルかつ明確に：被写体、スタイル、背景、そしてキーとなるアクセントカラーを指定してください。選んだHEXカラーをすべてのアウトプットで統一して、統一感のあるビジュアルシステムを作りましょう。

次へ： ダークオレンジのカラーパレット