カロライナブルーの色パレット20選とHEXコード一覧

カロライナブルーは、透明感があり親しみやすいブルーで、瞬時に開放的かつモダンな印象を与えます。レイアウトを軽やかに保てるほど明るいながらも、ブランドをリードするのに十分な彩度があります。

以下に、HEXコード付きの20種類のカロライナブルーカラーパレットアイデアと、それらをUI、印刷、インテリアで実用的に使う方法を紹介します。

カロライナブルーパレットが優れている理由

カロライナブルーは柔らかなスカイブルーとビジネス寄りのネイビーの「甘いポイント」に位置しています。このバランスのおかげで、親しみやすさと安定感・明快さを両立しています。

また、暖色系と寒色系のどちらとも相性が良いです：クリーミーなオフホワイトは新鮮さを、チャコールは可読性を高め、コーラルやゴールド、ティールなどのアクセントは信頼感を損なわずに活気を加えます。

デジタルデザインでは、カロライナブルーは特に階層づけに便利です―薄い色は表面、濃いブルーはステートや見出しに使うと、UIが騒がしくならず落ち着いた印象になります。

20以上のカロライナブルーカラーパレットアイデア（HEXコード付）

１）コースタルキャンパス

HEX： #7BAFD4 #F7F3E8 #1F2A44 #C9D6E2 #D9A441

雰囲気： 風通しが良く、自信があり、大学らしい

最適用途： 大学ブランディングのランディングページ

風が通るような自信に満ち、遠くに海風を感じる晴れたキャンパスのような雰囲気です。このカロライナブルーのカラーパレットは、柔らかなブルーをネイビーとやわらかなニュートラルで引き締め、明快さと権威性のバランスを取っています。ゴールドはCTAやロゴ・重要な数値などのアクセントに少しだけ使いましょう。コツ：背景はオフホワイトにして、コントラストとアクセシビリティを維持しながらブルーを主役にしましょう。

media.ioで生成されたコースタルキャンパスのイメージ例

Media.io

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

今すぐ無料で試す

２）スカイウォッシュド・ミニマル

HEX： #6FAFD6 #EAF4FB #2B4C66 #B9C3CC #FFFFFF

雰囲気： クリーン、エアリー、モダン

最適用途： saasダッシュボードUI

クリーンでエアリー、開放的な空や磨かれたガラスのような印象です。淡い色合いは情報量が多いダッシュボードも軽やかに見せ、濃いスレートブルーはラベルの可読性を保ちます。余白をたっぷり取り、シンプルなアイコンを使えば、落ち着きのあるモダンなリズムが生まれます。コツ：一番濃い色は見出しやアクティブな状態用に取り分け、視覚的な疲労を避けましょう。

media.ioで生成されたスカイウォッシュド・ミニマルのイメージ例

３）ハーバーダスク

HEX： #78ADD6 #20314A #4B5563 #A7B4C2 #F3EFE6

雰囲気： ムーディー、洗練、エディトリアル

最適用途： 雑誌の特集レイアウト

ムーディーで洗練された雰囲気は、夕暮れの港とスチールブルーの陰影、そして紙の上に柔らかい光が差す様を思わせます。濃い色は長文のタイポグラフィに構造を持たせ、ブルーがページを重くならず、清潔に保ちます。温かみのあるオフホワイト紙と抑えた写真処理でプレミアム感が出ます。コツ：淡いグレーブルーは引用やセクション分けに使い、視線を誘導しましょう。

media.ioで生成されたハーバーダスクのイメージ例

４）ピーチピア

HEX： #76ACD6 #FFC4B2 #FDEBD2 #2E3A59 #2FB7B3

雰囲気： ポップ、晴れやか、親しみやすい

最適用途： 夏のイベントポスター

ポップで晴れやか、桟橋のパステルライトと暖かな砂浜を感じさせます。カロライナブルーとピーチの組み合わせは、やわらかなクリーム色のベースにピーチをフレンドリーなハイライトとして使うと特に効果的です。ティールは日付やアイコン、区切り線など小さな活力のあるディテールに足しましょう。コツ：ネイビーはタイトルテキスト用に使い、遠くからでも可読性を確保しましょう。

media.ioで生成されたピーチピアのイメージ例

５）リネン＆レイク

HEX： #7FB2D8 #F3EBDD #B8C2B9 #2F5D6E #C9A27C

雰囲気： 穏やか、ナチュラル、家庭的

最適用途： リビングルームの塗装＆インテリアプラン

穏やかでナチュラル、リネンのカーテンや淡い木材、静かな湖の景色を思わせます。ブルーは広い壁にも使える柔らかさで、より濃いティールは縁取りや棚、造り付け家具に適しています。ラタン・オーク・レザーなど暖かみのあるタン系の質感と合わせれば、部屋が寒々しくなりません。コツ：タン系の色は小物にも繰り返し使い、統一感を持たせながらゴチャつきも防げます。

media.ioで生成されたリネン＆レイクのイメージ例

６）レトロ・プールサイド

HEX： #72A9D4 #FF6B6B #FFE66D #2EC4B6 #F7F7F7

雰囲気： レトロ、エネルギッシュ、夏らしい

最適用途： 日やけ止めパッケージデザイン

レトロでエネルギッシュ、プールのタイルやフルーツアイス、明るい太陽を思わせます。ブルーは全体を涼しげにし、コーラルやイエローは棚で目を引くポップさを加えます。シンプルな幾何学模様と十分な余白と組み合わせることで、アクセントが意図的に感じられます。コツ：ブランドマークにはコーラル、SPFやウォータープルーフなど小さなベネフィット表示にはイエローを使いましょう。

media.ioで生成されたレトロ・プールサイドのイメージ例

７）ストーミー・スレート

HEX： #6EA4CC #111827 #374151 #9CA3AF #E5E7EB

雰囲気： シリアス、スマート、先進的

最適用途： フィンテックアプリインターフェース

シリアスでスマート、雨雲が晴れてシャープな青空が広がるイメージです。ダークなベースは信頼と集中を生み、ブルーはプライマリーアクションにちょうど良いアクセントとなります。微妙なグラデーションや細い区切り線と合わせるとUIのプレミアム感がさらに増します。コツ：明るいグレーはセカンダリサーフェスに用い、ダークな画面がべったりした印象にならないようにしましょう。

media.ioで生成されたストーミー・スレートのイメージ例

８）ボタニカル・ブリーズ

HEX： #7AAED4 #CFE8D5 #F6F1E3 #7FB07F #E8A2B5

雰囲気： 新鮮、やわらかい、春らしい

最適用途： 水彩フローラルイラスト

新鮮でやわらかな雰囲気は、新芽やソフトな花びら、淡い春空のよう。クリーミーなニュートラルがグリーンやピンクを上手くまとめ、作品全体にバランス感と空気感を与えます。濃いグリーンは茎や葉の細いライン用に、ピンクは小さな花に使いましょう。コツ：ブルーは背景の淡いウォッシュにして全体をまとめましょう。

media.ioで生成されたボタニカル・ブリーズのイメージ例

９）チョーク＆コバルト

HEX： #7CAFD6 #F8FAFC #1E3A8A #CBD5E1 #0F172A

雰囲気： シャープ、コントラストが高い、自信にあふれる

最適用途： ミニマルなロゴとアイコンセット

シャープで自信に満ち、明るいボードにチョーク、そして力強いコバルトのアクセントを感じさせます。濃いブルーはシンボル、アイコン、ロゴマークに高いコントラストを与え、小さくしても見やすいデザインに。ホワイトはたっぷり使い、グラデーションは控えてシャープな個性を維持しましょう。コツ：ロゴはまずネイビー１色でテストし、次に明るいブルーをセカンダリーブランドカラーとして加えてみましょう。

media.ioを使用して生成されたチョークとコバルトの画像例

10) ナイトボードウォーク

HEX： #6EA2CF #F97316 #1F2937 #0B1320 #F5F3EF

雰囲気： 力強い、夜行性、映画的

最適用途： 音楽フェスティバルのフライヤー

力強く映画的な印象で、暗い夜空に映えるネオンサインを表現します。鮮やかなオレンジが注目を集め、ブルーがムードをクール＆モダンに保ちます。ヘビーなタイポグラフィや鋭いシェイプと合わせれば、賑やかでありながらも雑然としないフライヤーに仕上がります。コツ：オレンジは見出しと重要な1箇所だけに使い、暗い背景が主役になるようにしましょう。

media.ioを使用して生成されたナイトボードウォークの画像例

11) シーサイド・ウェディング

HEX： #7EB3DA #FFF7F0 #E7C6D2 #A3B7C9 #2F4B66

雰囲気： ロマンティック、ソフト、エレガント

最適用途： 結婚式招待状セット

ロマンティックでやわらかい印象。海辺のガラス片やブッシュローズ、クリーム色の手紙を思わせます。淡いブルーとピンク色の組み合わせは、招待状・メニュー・席札などに繊細なエレガントさを添えます。濃いブルーは名前や見出しに使うことで印刷時の可読性もアップ。コツ：少しだけテクスチャのあるクリーム色の紙を使うと、パステルカラーがより豊かに見えます。

media.ioを使用して生成されたシーサイド・ウェディングの画像例

12) アイスクリームパーラー

HEX： #74AAD3 #FFE5EC #FFF1C1 #B8E0D2 #3D5A80

雰囲気： スイート、ノスタルジック、陽気

最適用途： カフェメニュー デザイン

スイートでノスタルジック。パステル色のアイスクリームや清潔なカウンターの昔ながらのお店の雰囲気。カロライナブルーを使えば、ダークブルーが価格やセクションヘッダーに効きます。ミントやソフトイエローを背景ブロックに使うことで、区切り線なしで商品をグループ分け。コツ：ボディテキストはディープブルーにし、黒は避けて柔らかい印象に。

media.ioを使用して生成されたアイスクリームパーラーの画像例

13) ノーティカル・ヘリテージ

HEX： #73A7D0 #0A2342 #BFD7EA #D9D2C4 #C65D3A

雰囲気： クラシック、タフ、タイムレス

最適用途： アパレルブランド ルックブック

クラシックで丈夫な印象。海軍の制服や風化したキャンバス、海辺のレンガを思わせる配色です。ライトブルーが深いネイビーの上でアクセントになり、温かいラスティーカラーで男性的かつ重厚な雰囲気。荒めの写真やセリフ体見出しと合わせればヘリテージを演出。コツ：ラスティーカラーは小さなタグやセクションマーカーだけに使い、ブルーが主役になるように。

media.ioを使用して生成されたノーティカル・ヘリテージの画像例

14) テッククラウド

HEX： #7BB0D7 #E6F2FA #2D3748 #A0AEC0 #38BDF8

雰囲気： 明るい、信頼感、現代的

最適用途： スタートアップウェブサイト ヒーローUI

明るく信頼できる雰囲気で、澄んだ空気やクラウドコンピューティングの世界観を表現。ライトな色合いは広々したレイアウトにマッチし、鮮やかなシアンでリンクやマイクロインタラクションを際立たせます。チャコールのテキストやシンプルなアイコンと合わせてクリーンな製品ストーリーに。コツ：鮮やかなアクセントは画面の10％以下に抑えて特別感を保ちましょう。

media.ioを使用して生成されたテッククラウドの画像例

15) コーラルリーフ・ポップ

HEX： #71A8D2 #FF7A59 #FFE3D6 #00A6A6 #243B53

雰囲気： 鮮やか、パンチのある、社交的

最適用途： Instagram商品広告

鮮やかでパンチのある雰囲気は、リーフコーラルのエネルギーを涼しげなブルーで表現します。カロライナブルーの組合せは信頼感を保ちつつ、目を引くポップな表現が得意です。コーラルは短めのボールドな見出しに、ティールは「新着」「限定」など小さなバッジに。コツ：背景はピーチよりのブッシュ色にし、ブルーのCTAボタンを際立たせましょう。

media.ioを使用して生成されたコーラルリーフポップの画像例

16) ミュージアムカーム

HEX： #7DAFD5 #F2F0EA #8DA4B8 #374151 #C2B280

雰囲気： 静か、洗練された、均整のとれた

最適用途： ギャラリーサインシステム

静かで洗練された印象で、ゆったりとした空間ややさしい照明、キュレーションラベルを思い起こさせます。ブルーは優しい誘導サインとして活躍し、温かみのあるサンドカラーが親しみやすさを加えます。広めの余白、サンセリフ体、控えめなグレールールで美術館品質の仕上がりに。コツ：サンドカラーはハイライトパネルに使い、重要情報をすぐ案内できるようにしましょう。

media.ioを使用して生成されたミュージアムカームの画像例

17) マウンテンモーニング

HEX： #6FA7D2 #EAF2F8 #6B7280 #2F3E46 #A3BE8C

雰囲気： アウトドア、フレッシュ、地に足のついた

最適用途： 旅行パンフレット表紙

アウトドアで新鮮な印象。涼しい朝の空気や遠くの山々、松林のトレイルを連想させます。グリーンを加えることで、ブルーが海っぽくなりすぎず自然なアクセントに。風景写真やクリーンなオーバーレイと合わせればモダンな旅行ムードに。コツ：写真上のテキストには最も濃い色調を、半透明パネルには最も淡いブルーを使いましょう。

media.ioを使用して生成されたマウンテンモーニングの画像例

18) クラスルーム・フレンドリー

HEX： #78AED6 #FDF6E3 #FFB703 #4A6FA5 #6D6875

雰囲気： 親しみやすい、明快、ポジティブ

最適用途： eラーニングスライドデッキ

親しみやすく明快な印象で、整理されたノートや明るいマーカーペンを思わせます。ブルー系が見出しの堅実なベースとなり、ウォームイエローで学ぶ人の視線を大事なポイントに集めます。シンプルなグラフや大きめのアイコンを使い、理解を早める提案です。コツ：イエローは強調やクイズの答えだけに絞り、意味を明確に保ちましょう。

media.ioを使用して生成されたクラスルーム・フレンドリーの画像例

19) セラミックスパ

HEX： #75ABD3 #E6F0F2 #CDE2DB #2F4858 #D8B4A0

雰囲気： 癒し、清潔、スパ風

最適用途： スキンケアパッケージ

癒しと清潔感あふれる配色で、艶のあるセラミックやスチーム、静かなスパの涼やかな水をイメージ。落ち着いた青緑はクリニック的なプロフェッショナリズムを持ちながら、ブッシュピンクが人間味と安心感をプラス。ミニマルなタイポグラフィやマット仕上げで高級感あるスキンケアパッケージに。コツ：ブッシュピンクは小さなラベルやキャップに留めてピンク系が強くならないように。

media.ioを使用して生成されたセラミックスパの画像例

20) ネオンレガッタ

HEX： #6DA6D2 #22C55E #FACC15 #EF4444 #111827

雰囲気： スポーティ、派手、競争的

最適用途： チームスピリット ポスター

スポーティでエネルギッシュな印象は、スタジアム照明の下で風になびくレースフラッグをイメージ。明るいアクセントが即座に活気を生み出し、ダークベースが読みやすさと力強さをキープ。コンデンスドなタイポグラフィや強い斜めラインと合わせて躍動感を強調。コツ：1つのアクセントをメインに使い、メッセージの主張がぶつからないようにしましょう。

media.ioを使用して生成されたネオンレガッタの画像例

カロライナブルーに合う色は？

カロライナブルーは、クリーム、アイボリー、サンドなどの暖色系ニュートラルと合わせると全体が明るく柔らかくまとまります。これらの組み合わせは、背景や用紙、広いUI面に最適です。

コントラストや読みやすさのためには、ネイビーやチャコール、スレートブルーと組み合わせましょう。ダークな色を組み合わせることで、カロライナブルーはよりシャープかつ高級感のある印象となり、特に見出し・ナビ・ボタンの状態で効果的です。

ポップにしたい場合は、コーラル、ピーチ、ゴールド、ティール、鮮やかなシアンを指名使いしましょう。アクセントは最小限に絞ることで、カロライナブルーが「主役」となり、デザインがレインボー状になるのを避けられます。

実際のデザインでカロライナブルーカラーパレットを使う方法

ブランディングでは、カロライナブルーをメイン、タイポグラフィに深いネイビー／チャコールを、背景にウォームニュートラルを使用。そのうえで重要なCTAやバッジ、ハイライト用途に1色だけアクセントを加え、全体の統一感を守りましょう。

UIでは、ティントの階段コントロールを構築します：パネルには極めて淡いブルー、選択された状態にはミッドブルー、テキストにはダークスレート。これでインターフェイスは軽快で親しみやすくなりつつ、明確なヒエラルキーも維持されます。

インテリアでは、カロライナブルーはテクスチャと組み合わせると最も映えます。暖かみのある木材、タンカラーのレザー、リネンのファブリック、ブラスのアクセントなどがおすすめ。トリムや造作家具には濃い色を使うことで部屋に安定感が生まれます。

AIでカロライナブルーパレットのビジュアルを作成する

実際にこのカロライナブルーの配色を検討中なら、AIを使ってポスタ―やランディングページ、パッケージ、ムードボードのモックアップを素早く生成し、数分でアイデアを洗練できます。

ひとつのパレットから始めて、好きなプロンプトスタイルを貼り付け、題材（UI・招待状・商品写真など）だけを入れ替えてHEXの基調は保ちます。ブランドのムードにぴったり合う統一感あるビジュアルを素早く得られます。

次へ： バニラカラーパレット