Oggi.jp

おしゃれもキャリアも。働く女性のWebメディア

line instagram TikTok X facebook search

フリーワードで検索

人気のキーワード

  1. トップ
  2. ファッション
  3. カラーコーディネート
  4. 【青に合う色は】定番から上級配色まで|ブルーと相性…

FASHION

2025.05.23

【青に合う色は】定番から上級配色まで|ブルーと相性のいいコーデを紹介

コーデに清涼感をもたらしてくれる青は、ちょっと知的な演出をしたいとき、ハンサムにまとめたい日にぴったりな色。でも、他の色との相性がイマイチわからず、コーディネートに苦戦している人も多いでしょう。そこで青と相性のいい色や、1色〜3色を使った青を取り入れたおしゃれ配色コーデを紹介します。

◆本記事内にある商品は、すべて過去のOggi本誌の記事から再編集しています。現在はお取り扱いのないものがございますので、メーカーへのお問い合わせはご遠慮ください。

青に合う色がわかればコーデの幅も広がる!

いつものコーデに、爽やかさを加えてくれる青のアイテム。フレッシュな清潔感がプラスされ、きれい見えするのが嬉しいポイントです。でも、青ってなかなか合わせづらい… と思っている方も多いのでは? おしゃれな配色を知っておけば、コーデの幅もグンと広がるはず! 青に合わせやすい色を、実際のコーデを例に紹介します。

〈POINT〉
・ベーシックカラー合わせなら失敗しない
・3色配色にトライするときは白黒なら間違いなし
・ブルー初心者さんは差し色的な使い方も◎

程よく肌が透ける白トップスで、トレンド感はばっちり。ブルースウェットを肩がけし、ラフな表情に傾けつつ、キリッと引き締まる黒のループタイを着け、程よくきれいめに着地。

シアーな大人コーデに、ループタイで辛口エッセンスをプラス!

青に合う定番色はこの6色

まずは、どんなコーデでも失敗しづらい定番カラーを紹介。配色に迷ったら、まずこの6色からチョイスしてみて。青味の強いグレーは濃淡問わず、初心者さんにもチャレンジしやすいカラーです。

◆ライトグレー

夏|サックスブルースカート×グレーTシャツ

サックスブルーのスカート×グレーのTシャツ

エレガントなシルクのサックスブルースカートで、ハンサムなグレーTにしなやかな表情を。足元に効かせたビビッドピンクのピリッとした緊張感がコーデのアクセントに。

ハンサムなグレーTをAラインスカートでしなやかなに着こなす!

秋|ブルーニット×ライトグレーのスウェットパンツ×デニムジャケット

ブルーニット×ライトグレーのスウェットパンツ×デニムジャケット

鮮やかな青のニットと、淡い青のブラウスをレイヤードしたコーデ。寒色にはライトグレーがよく合います。ブラウンのパンプスで外すのも◎

フリルブラウス×ゆるニットの重ね着で、「寒さ対策」も「華やかさ」も両立!

春|ブルースカート×グレージャケット

グレー 春|ブルースカート×グレージャケット

ブルーとグレーの涼しげトーンで、大人っぽくクールな印象に着地。布をたっぷり使った優しげなブルーカラーのスカートを、グレージャケットがマニッシュに。

春の「きれい色」は、ニュアンスカラーと合わせて優しく着こなして〈大人かわいい新メソッド〉

春|ブルーカーディガン×グレーブルゾン×グレーデニムパンツ

グレー 春|ブルーカーディガン×グレーブルゾン×グレーデニムパンツ

上品なグレーとクールなブルーは華麗にマッチする相性のいいカラー。軽やかでニュアンスたっぷりなベースカラーのおかげで、ブルーの爽やかさが最大限際立つ。

とことんハンサムなグレーコーデに、爽やかな映え色をひとさじ!

春|ブルースカート×グレーブルゾン

春|ブルースカート×グレーブルゾン

コバルトブルーのスカートにスポーティなグレーブルゾンやキャップを合わせた、カジュアルなコーデ。ブルー×グレーが爽やかさ満点な着こなしに。

上級配色でもっと洒落見え♡ ニュアンスカラー×きれい色のスポーティカジュアル

◆ダークグレー

夏|ブルーカットソー×ダークグレーのワイドパンツ

ブルーカットソー×ダークグレーパンツ

小洒落たカラーリングとミニマムなデザインの高機能トップス。爽やかな淡ブルーを、グレーのパンツでコーデを締めて。

オフィスでもバカンス先でも活躍♡ おすすめ「ユーティリティウェア」7選

秋|ブルーのレーススカート×ダークグレーのロゴトップス

ブルーのレーススカート×ダークグレーのロゴトップス

鮮やかな青のレースタイトスカートが上品な印象。ロゴスウェットを合わせてカジュアルダウンしても、ダークグレーならラフになりすぎない。

コンバットブーツ×レーススカートの新顔MIXカジュアル

◆濃紺・ネイビー

夏|ブルーブラウス×ネイビータイトスカート

ブルーブラウス×ネイビータイトスカート

華やかなツヤブラウスは、スリット入りスカートと合わせることで程よくカジュアルダウン。ブルー×インディゴデニムの配色で、知的なムードに仕上げて。

「スリット入りタイトスカート」の着回し実例4。通勤からご近所デートまで!

秋|ブルーシャツ×ネイビーロングジレ

ネイビー 秋|ブルーシャツ×ネイビーロングジレ

華やかなブルーのボウタイブラウスに、ブルーデニム。ここにネイビーのロングジレを合わせ知的に仕上げたい。シャツとデニムが同じトーンだから、クリーンな印象。

ネイビーのロングジレで華やかアイテムに知的さをプラス

秋|ブルーシャツ×ボーダータートル×ネイビーパンツ

ブルーシャツ×ボーダータートル×ネイビーパンツ

ベーシックなブルーの襟付きシャツに、ボーダータートルを重ねてプレッピーな装いを。ネイビーのチノパンでハンサムに仕上げ、大人ならではの上級センスをアピールして。

ひねりを効かせたブルーグラデのパンツスタイル

春|ブルーシャツ×ネイビーパンツ

ブルーシャツ×ネイビーパンツ

ショート丈のシャツに印象的なブルーを選んだメンズライクな着こなし。マニッシュなネイビーのパンツがそのかっこよさとブルーの美しさを引き立ててくれる。

「ネイビーアイテム」を大人流に着こなす! きれいめシンプルな旬の3コーデ

◆ブラック

夏|ブルーの柄スカート×黒Tシャツ×黒ストール

ブルー柄スカート×黒Tシャツ×黒ストール

ブルーを基調にグリーンと白の涼しげな配色で描かれた、花柄スカート。黒のTシャツ×黒ストールでクールにまとめて。

リゾート&シティで活躍する! コーデを彩る「柄スカート」4選

夏|ブルーシャツ×黒スラックス

ブルーシャツ×黒スラックス

シンプルなブルーシャツ×スラックスでかっこよくまとめて。ボトムス&足元は黒で統一感を出してハンサムな着こなしに。

シンプル&ハンサムな夏のシャツスタイル

冬|サックスブルーコート×黒ニット×黒スカート

サックスブルーコート×黒ニット×黒スカート

サックスブルーのクロップド丈が、オールブラックのおかげでより際立つ。ハイウエストのマキシ丈スカートで、思いきりメリハリを利かせて旬のバランスを堪能。

今旬のクロップド丈アウターは、マキシスカートと好相性♡

春|ブルーカーディガン×黒スカート×黒カーディガン

黒 春|ブルーカーディガン×黒スカート×黒カーディガン

黒のアメスリタンクとふんわりシルエットのスカートに、ゆったりとしたブルーのVネックカーディガンを無造作にオン。さりげない肌見せが、おしゃれを先取り。

休日はカーデ×アメスリタンクでヘルシーな色気を吹き込んで

春|ライトブルーティアードスカート×黒ニット×トレンチコート

ライトブルーティアードスカート×黒ニット×トレンチコート

ドラマティックなティアードスカートは、ライトブルーで知性を加算。黒ニットにロングトレンチをはおったかっこいいスタイルにもなじむ。

春のきれい色トレンドは「ピンクorブルー」! こなれ度高く着こなしたい

春|ブルーのビッグサイズシャツ×黒パンツ

ブルーのビッグサイズシャツ×黒パンツ

シャツは体が泳ぐオーバーシルエットとタックがたっぷり入った袖がポイント。爽やかなブルーカラーで洗練された印象に。パンツと靴は黒で引き締めてクール感を高めて。

〝ル フィル〟の優秀デザインシャツなら体型カバーとおしゃれが両立♡

◆ホワイト

夏|ブルーロングタイトスカート×白ロゴトップス×ボーダーニット

ブルーロングタイトスカート×白ロゴトップス×ボーダーニット

鮮やかなブルースカートを主役にした爽やかコーデ。白を挟んで抜けを出しつつ、ブルーと黒のボーダーカットソーでメリハリを。

湿気と猛暑の毎日に! ブルーのワントーンコーデが涼しげ美人の近道♡

夏|ブルーシャツ×白パンツ×白ナッパレザーバッグ

ブルーシャツ×白パンツ×白ナッパレザーバッグ

ブルーシャツに白のパンツ、白のレザーバッグと爽やかな印象を底上げするシンプルな着こなし。バッグについた大振りなチェーンは、シンプル派の着こなしにキレを与えるアクセントとしても大活躍。

マルベリーのレザーバッグが映える、シンプルな大人の着こなし

秋|ブルーニットアンサンブル×白カーゴパンツ

ブルーニットアンサンブル×白カーゴパンツ

同じ素材のノースリーブニットとセット使い。カーディガンはラフにはおり、ボトムは白いカーゴパンツを合わせて、上品でリラクシーなコーデの完成!

おすすめはシュッと見えるVネック!「きれい色カーディガン」の着回しサンプル3

冬|ブルーニット×白スカート

ブルーニット×白スカート

きれい色のオーバーサイズざっくりニットは、デニムを合わせたくなるところ、あえて真っ白なサテンスカートを。これが上級者風の着こなし方。

キレイ色ニットのボトム考♡ デニム以外のおすすめは…

冬|ブルーブルゾン×ブルーニット×白スカート

ホワイト 冬|ブルーブルゾン×ブルーニット×白スカート

ブルーと白のきれい色カジュアル。スポーティなブルゾンも、アクアブルーカラーなら品がいい。インにもブルーのニットを差して、クリーンな色のインパクトを堪能したい。

まるで粉雪のよう♡ アクアブルー×白のきれい色カジュアル

春|ブルーパンツ×白シアーニット

ブルーパンツ×白シアーニット

白×ブルーのコントラストが潔くクールなオフィススタイル。表情豊かな透け感ニットでほんのり可愛い女っぷりを足して。

新しい自分に出会えるかも♡ 通勤服でトレンドの肌見せに挑戦!

春|ブルースカート×白ニット×キャミソール

ブルースカート×白ニット×キャミソール

キャッチーなメタリックシルバーのバッグ×涼やかブルーで旬コーデを楽しんで。透け感のある白ニットで、さりげない大人の肌見せが今っぽい。

「クロスボディバッグ」でストレスフリーに! おすすめ3選

◆ベージュ

夏|ターコイズブルースカート×ベージュのノースリーブ

ターコイズブルースカート×ベージュのノースリーブ

リボンベルト付きのギャザースカートも、鮮やかなターコイズブルーならピリッと大人っぽい華やかさに。派手すぎないのに確実に印象に残る美人発色には、ベージュニットを合わせて品よくまとめて。

ユナイテッドアローズのきれい色スカートで、大人っぽく華やぐ♡

秋|ブルーニット×ベージュワイドチノパン×白ロングアウター

ブルーニット×ベージュワイドチノパン×白ロングアウター

シアーなブルーニットとアクティブチノパンで足取りの軽さを演出した、大人カジュアルコーデ。ブルー×ベージュの組み合わせは間違いのない配色。

きれい色トップスにはメンズっぽい「ワイドチノパン」が相性良し! ヘルシーに大人っぽく決まる♡

春|サックスブルーのオーバーシャツ×ベージュテーパードパンツ

サックスブルーのオーバーシャツ×ベージュテーパードパンツ

マンネリしがちなサックスブルーのシャツも、余裕のあるサイジング、パフスリーブと裾の切り替えデザインで旬テイストに。テーパードパンツは淡いベージュを選び、ナチュラルにまとめて好感度の高い〝リアルな通勤スタイル〟に。

ゆるっと女っぽく着こなす「オーバーシャツ」は定番テーパードパンツでバランスよく!

▼あわせて読みたい

【季節別】ブルーコーデおすすめ61選|着映え力抜群の大人女子スタイル

【3/20のコーデ】オレンジ&ブルーの配色で、週中もハッピーな気分♡

青に合わせたい上級者のカラーコーディネート

もう少し冒険したいという人は、ちょっと上級なカラーにもチャレンジしてみて。いつもだったら選ばないカラーも、着こなしのポイントさえおさえておけば、おしゃれ度が一気に上がるはず。ブルーを中心にした、上級者のカラーコーディネートを紹介しします。

▶▶春夏コーデの場合

ブルーコート×グレーストライプシャツ×シルバータイトスカート

ブルーコート×グレーストライプシャツ×シルバータイトスカート

パキッとしたブルーのコートは、羽織るだけで心踊る1枚。淡いグレーのストライプシャツやモノクロフォトT、シルバータイトスカートと、ベースをアンニュイなグレーで誘導すると、日常になじむテンションにまとまる。

インパクト抜群の鮮やかブルーは淡いグレー合わせで都会的に攻略♡

ブルーカーディガン×白ブラウス×グレーパンツ

ブルーカーディガン×白ブラウス×グレーパンツ

脚長効果が狙える短丈のブルーカーデ。地厚だからジャケット感覚で羽織れる。光沢ある白ブラウスを合わせ、ラグジュアリーな雰囲気にまとめて。

色とディテールで華やぎを盛る! 上品きれいめオフィススタイル

ブルースカート×ブラウンアンサンブルニット

ブルースカート×ブラウンアンサンブルニット

ブラウンのアンサンブルニットに、ブルーの鮮やかスカートを合わせたきれいめコーデ。ブルーとブラウンは甘くなりすぎない大人配色で、実は相性抜群。

鉄板フェミニンコーデをブラウン×ブルーでエレガントに格上げ!

ブルージャケット×グレーカーディガン×グレーパンツ

ブルージャケット×グレーカーディガン×グレーパンツ

ブルーシャツ感覚でサラッと羽織れる、シルク100%のジャケットを主役に。インとボトムスをグレーでまとめ、モダンで洗練された印象に。

「ニュアンスカラージャケット」は〝黒以外〟のスタイリングが上級者♡

ブルーシアーニット×ブラウンバルーンスカート

ブルーシアーニット×ブラウンバルーンスカート

虹色に輝くブラウンのバルーンスカートに、透明感あるブルーニットを合わせてクリーンに。足元はミュールタイプの黒ヒールで、繊細なニュアンスを。シャープなカッティングだから、凛とした表情を宿らせる。

働く私たちの新ワードローブ♡ 「バルーンスカート」が主役の春コーデ

ブラウンパンツ×ブルーTシャツ

ブラウンパンツ×ブルーTシャツ

鮮やかブルーT×。渋めのブラウンパンツで印象に残る色合わせに。大きなバッグで重心を下げるひとワザも効かせて!

鮮やかブルーT×渋めブラウンパンツでシンプルな上級カラーコーデに♡

ミントグリーンパンツ×ブルーのティアードブラウス

ミントグリーンパンツ×ブルーのティアードブラウス

エアリーなシフォン素材を3重仕立てにしたネイビーブルーのティアードブラウスと、ほどよいツヤを帯びたミントカラーのパンツ。クリーンな色合わせで、センスのよさと好感度をまとって。

パッと目を引くクールカラー♡ 清涼感と華やぎのオフィススタイル

ブルーオーバーサイズシャツ×淡色デニム×ロゴT

ブルーオーバーサイズシャツ×Tシャツ×淡色デニム

端正なシャツはオーバーサイズ、ラフな淡色デニムはセンタープレス入りのきれいめタイプ。アイテム自体のイメージがそれぞれ真逆の服を選び、同じトーンで合わせることで、少ない枚数でも奥行きが際立つ着こなしに。清涼感抜群の澄んだブルーが、初夏の風を運んでくる。

ポジティブなブルーを重ねて♡ 初夏色のワントーンコーデ

カーキTシャツ×ブルーフレアスカート

カーキTシャツ×ブルーフレアスカート

上品な印象のくすみブルーのスカートには、カーキブラウンのシンプルなトップス合わせでもサマになる。シンプルで着心地のいいTシャツは、通勤にも休日にも◎ アクセサリーときれいめスカートで上品にまとめて

SLOANEの上品Tシャツなら、全身の印象がきれいめにキマる♡

ブルーニットカーデ×ブラウンのワンピ

ブルーニットカーデ×ブラウンのワンピ

ノースリーブワンピースも、ブルーのニットカーデ一枚で洒落感が格段に上がる。きれい色を選んで、華やかな印象もプラスして。

ワンピースには、きれい色の〝はおり〟が欠かせない!

ブルーシャツ×ニュアンスカラーのカーヴィパンツ×ニット

ブルーシャツ×ニュアンスカラーのカーヴィパンツ×ニット

シャツ×パンツの定番的な組み合わせは、カラーリングとシルエットで今っぽく更新! 今までの細身パンツをカーヴィパンツに、そしていつもの定番カラーパンツをニュアンスカラーに替えると、とたんに大人の余裕と今どきのお洒落感が立ち上がる。シルエットでひとくせ利かせた着こなしが、今の時代のセンスのよさを保証。

カーヴィパンツにチェンジするだけで今っぽく洒落る!

ブルーニット×白ブルゾン×黒スカート

ブルーニット×白ブルゾン×黒スカート

真っ白なスポーティアウターはオーバーサイズで今っぽく振りきって、トレンド感を前面に出して。鮮やかな青も黒も受け止める応用力が魅力。

大人のスポーティアウター♡

ブルーブルゾン×黒タイトスカート×白ロゴTシャツ

定番カラーなら失敗が少ない

白のロゴT×黒スカートという定番の色合わせなら、青の爽やかな差し色も自然に映える。カジュアルコーデにはグルカサンダルでトレンドをひとさじ。

カジュアルコーデにはグルカサンダルでトレンドをひとさじ♡

ブルーシャツ×イエロージャケット×ピンクカーディガン×ネイビーパンツ

上級配色も着こなし次第でおしゃれ度が上がる

クリーンでトラッドなブルーシャツには、淡いイエローのリネンジャケットとペールピンクのカーディガンをレイヤード。遊び心がありながら芯のある、理想の着こなしが叶う。

王道ブランドで選びたい! トラッドなブルーリネンシャツを主役に♡

▶▶秋冬コーデの場合

ブルーシャツ×グレーパンツ×グレージャケット

秋冬 ブルーシャツ×グレーパンツ×グレージャケット

ブルーとグレーの調和が美しい、知的なスタイル。インナーはタートルニットを仕込み、コーデのアクセントに。

ブルー×グレーの調和が美しい、知的なレイヤードスタイル

ブルーサテンスカート×ブルータートルニット×キャメルコート

ブルーサテンスカート×ブルータートルニット×キャメルコート

きれい色の中でも、上下とも同色でさらりと決まるのはブルーの特権。異素材でメリハリをつけつつ、こっくりキャメルコートやバッグで柔らかさをオン。

冬の暖かな着こなしに、清涼なブルーを投入!

ブルーシャツ×ネイビープルオーバー×白ハーフパンツ

ブルーシャツ×ネイビープルオーバー×白ハーフパンツ

ブルーシャツの端正さに甘え、ボトムスはスウェットのハーフパンツをセレクト。ネイビープルオーバーを肩がけし、こなれたプレッピーカジュアルを実現。オレンジバッグを差し色に。

人気のブルーシャツは今っぽい洒落感がありながら、きちんと涼やか

ブルーシャツ×ブルーデニム×ベリーニット

ブルーシャツ×ブルーデニム×ベリーニット

青みの強いベリー色なら青コーデにマッチ。ブルーシャツにブルーデニムとトーンを合わせてカラフルに。大人っぽいきれい色をまとえば気分が上がる!

きれい色は、大人かわいい「ベリー色」が大本命!

ブルーニットワンピース×グレープルオーバー

ブルーニットワンピース×グレープルオーバー

青のニットワンピにやわらかな風合いのスウェットをさっと肩掛けして、メリハリのあるコーデに。スタイルアップも叶う。

きれいめ派も納得の「ロゴ入りプルオーバー」着回し方♪

ブルーロゴT×黒バレルパンツ

ブルーロゴT×黒バレルパンツ

ハンサムなバレルパンツには、クールなブルーのロゴTを。パールネックレスや華奢ストラップサンダルで、女っぷりをプラスして。

今季、絶対知っておきたい「バレルパンツ」でカジュアル&きれいめの着回しを紹介!

ブルーシャツ×ブルーニット×ラベンダーのグローブ

ブルーシャツ×ブルーニット×ラベンダーのグローブ

明るい青のシャツに、深い青のカーディガンを重ねたコーデ。ラベンダーカラーのグローブがコーデのポイントに。

ブルーを基調にしたコーディネートにアクセントカラーを投入!

ブルータートルカットソー×ブルーシャツ×グレージャケット×黒ミニスカート

ブルータートルカットソー×ブルーシャツ×グレージャケット×黒ミニスカート

ビッグサイズのジャケットと太めヒールのロングブーツを、コンパクトなニットタイトミニで繫いで。インナーのタートルカットソーやバッグで明るい青を取り入れてメリハリのあるコーデに。

ブルーチェック柄スカート×黒トップス×カーキアウター

ブルーチェック柄スカート×黒トップス×カーキアウター

ミニスカ×ロングブーツの黄金コンビ。青のチェック柄スカートがコーデに華やかなアクセントを加えてくれる。辛口なゆるっとアウターでバランスよく仕上げて。

お久しぶりのロングブーツ×ミニスカート、失敗しないコツは「上半身をゆるっと」させること!

ブルーニット×マルチカラーのツイードスカート

ブルーニット×マルチカラーのツイードスカート

清涼感あるブルー、さりげないスパンコールディテール、丸みのあるシルエット…。一見シンプルなのに、更新感が手に入るクルーネックニットは、大人の冬おしゃれを底上げしてくれる。マルチカラーのツイードスカートやスニーカーで、遊び心たっぷりに仕上げて!

冬に映える「ブルー」コーデ4選|攻めた着こなしも大人っぽく爽やかに!

ブルーカットソー×グレーパンツ×ダークグレーコート

ブルーカットソー×グレーパンツ×ダークグレーコート

インパクトのある青のニットやボリューミーなスニーカーでロングコートがのっぺり見えず、バランスアップ! シンプルな着こなしが立体的に映えるコーディネートに。

シンプルな着こなしをインパクトスニーカーで立体的に!

ブルーグラデーションニット×ツヤテロパンツ

ブルーグラデーションニット×ツヤテロパンツ

ボリューム感のあるニットは、青〜白のグラデーションで今っぽさ抜群。ボーイッシュなアイテムこそ大人っぽくさらっと着こなしたいから、ツヤテロパンツのとろみで視線を縦に流して。

脱マンネリに【ツヤテロパンツ】投入! 手持ちアイテムとの着回し方は…

▼あわせて読みたい

男子が好きな夏服調査|人気は寒色系に集中! 美人度増しの【2大マジック…

最後に

コーデを華やかにしてくれる青のアイテムは、まずは合わせやすい定番カラーからチャレンジしてみて。活躍しきれていなかったアイテムの出番が増えたら、少しずつ上級配色にチャレンジ! 大胆に取り入れても、小物でさりげなく取り入れても◎

▼あわせて読みたい!

Today’s Access Ranking

ランキング

2025.07.01

編集部のおすすめ Recommended

Follow Us!

Oggiの公式SNSで最新情報をゲット!

メールマガジン登録はこちら

最新記事のお知らせ、イベント、読者企画、豪華プレゼントなどへの応募情報をお届けします。

【消費税の価格表記について】 記事内の価格は基本的に総額(税込)表記です。2021年4月以前の記事に関しては税抜表記の場合もあります。

Feature

スマートフォンプレビュー

LINE公式アカウント 友だち募集中

働くすべての女性に向けて、
今すぐ役立つ「ファッション」「ビューティ」「ライフスタイル」
情報をお届けします。