Oggi.jp

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

line instagram TikTok X facebook search

フリーワードで検索

人気のキーワード

  1. トップ
  2. ファッション
  3. カラーコーディネート
  4. ネイビーコーデ
  5. 【ネイビートップス】おすすめコーデ49選|紺と相性がいい色と好感度高めスタイルを提案

FASHION

2024.09.19

【ネイビートップス】おすすめコーデ49選|紺と相性がいい色と好感度高めスタイルを提案

ワーキングスタイルはもちろん、オフの日や気合いを入れたい日にも頼れるネイビートップス。おしゃれを盛り上げる1枚として意思を持って選びたいですよね。ネイビーに合う色やネイビートップスを使った大人のおすすめスタイルを提案します。

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

好感度高めのネイビートップスの選び方

ネイビーは、男女問わずに好感度の高いカラー。トップスをネイビーにするだけで、落ち着いて品のある印象になり、コーデをキリっと引き締めてくれます。今回は、ネイビートップスを使ったコーデを幅広くピックアップ! ビジネスシーンやお呼ばれシーンだけでなく、休日スタイルにも活躍します。

〈POINT〉

・差し色としてさまざまなカラーを取り入れやすい
・オフィスシーンはネイビーを取り入れるだけで洗練度UP
・ラフな着こなしもネイビーならヘルシーにきまる
・ニットコーデはまろやかなコントラストをつけて大人っぽく

お手本コーデ

オンオフ活躍するネイビージレ

オンオフ活躍できるネイビージレ

Aラインの着流しネイビージレは、はおるだけでもベルトマークしても、一枚で表情豊かな着こなしを楽しめる。インナーを替えればオンオフ問わず使えそう。

「ミディアム丈ジレ」でコーデをアップデート♡ ハイ&ロウプライスのおすすめ6選

ネイビーシャツのレイヤードでコーデを引き締め

ネイビーシャツのレイヤードでコーデを引き締め

ネイビー・ベージュ・パープル・黒が混ざりあう上級者配色の着こなし。カジュアルなウールブルゾンを重ねても、ネイビーデニムシャツのハンサムさが全身をキリッと引き締め、都会的な表情をキープ。軽やかなシアータートルで抜け感をプラスして。

デニムシャツのハンサムさで全身をキリッと引き締めて!

ネイビーのはおりで大人の表情に

ネイビーシャツのはおりなら大人の表情に

上質ウール素材のネイビーシャツでスニーカースタイルを大人顔に格上げ。はおりシャツなら、細身のリブスカートの腰回りをカバーできるのも高ポイント。

大活躍する「ウールシャツ」4選|軽アウター感覚ではおりたい!

▼あわせて読みたい

春のネイビートップスコーデ24選|紺の力で知的な大人顔に! ワントーンも

大人の主役カラー【ネイビーコーデ45選】似合う色からワントーンスタイル…

紺と相性のいいカラーを使った旬のスタイル

ワントーンコーデでもしっかりとサマになるネイビーは、他のカラーとの組み合わせでメリハリの効いたスタイリングが楽しめる万能カラーでもあります。ここでは、ネイビーと相性のいいカラーを使ったお洒落な着こなしを紹介します。

秋冬コーデ

【白】洗練されたイメージUP

【白】洗練されたイメージUP

白ニットパンツも、ネイビーのサテンブラウスならきれいめにまとまる。ボーダーニットを肩掛けで、コーデにひとひねりを!

秋のはじめは「艶あるネイビーアイテム」で知的華やかな着こなし3選

【マスタードイエロー】メリハリと今っぽさが生まれる

【マスタードイエロー】メリハリと今っぽさが生まれる

〝映える〟ジャケットはダークなワントーンにはおりたい! マスタードイエローと短め丈がチャーミングな襟付きキルティングで、ネイビーのワントーンをメリハリよく。

はおるだけでシティライクな着こなしに♡ 秋トレンドの「襟付きキルティングジャケット」5選

【ベージュ】柔らかい印象に

【ベージュ】柔らかい印象に

カジュアルでメンズライクなジップアップのネイビーブルゾンもベージュと合わせるとやさしい印象に。ブラウンのバッグで洗練された大人の装いに。

ジップアップブルゾンはネイビーなら、きれいめの印象♡

【ブルー】ロイヤルブルーと濃紺で上品さUP

【ブルー】ロイヤルブルーと濃紺で上品さUP

ネイビー×ロイヤルブルーの同系色の組み合わせは、異素材にすることでより洒落感がアップ。ベロア素材のネイビーから放たれる光沢感で気品が漂うスタイルに。

月初めは、きれい色コーデでキリッと!

【イエロー】華やかなクラシカルさを

【イエロー】華やかなクラシカルさを

黄色と黒の千鳥格子柄のフレアスカートも、ネイビーのバンドカラーシャツを合わせることでコンサバ感を回避! 袖はラフにまくり、こなれ感を出して。

モードなかっこよさが香るバンドカラーシャツコーデ

春夏コーデ

【ネイビー】シックな色っぽさが際立つワントーン

【ネイビー】シックな色っぽさが際立つワントーン

ネイビーのノースリーブニットとネイビーのタイトスカート。上下をワントーンでつなげ、スタイルのよさを強調したい。シルバーのメッシュニットをアクセントに。

大人の洒落感を手に入れるなら…シックなダークネイビーが最適♡

【グレー】知的で上品な印象にクラスアップ

【グレー】知的で上品な印象にクラスアップ

袖口にギャザーの入ったワザありのロンTは、フェミニン要素高めで着こなしやすい。ネイビー×グレーの知的配色は、大人きれいめ感を盛り上げてくれるカラーコーディネート。

「ロンT」をきれいめ派が着るなら? 着こなしのコツを4TIPSでお届け!

【グリーン】知的なヘルシームード

【グリーン】知的なヘルシームード

クールで潔いネイビーに鮮やかなアップルグリーンが冴え、ヘルシーなムードに仕上げたワンツーコーデ。しっとりとしたベロアの光沢とクロップド丈が新鮮なネイビーのトップスが、着こなしの立役者に。

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

【イエローグリーン】アクティブになじむ好バランス

【イエローグリーン】アクティブになじむ好バランス

ネイビーは黄緑系の色とも相性が抜群。イエローグリーンのロングワンピースをバランスよくしっかりと引き締めるには、ネイビートップスがうってつけ。上半身はスポーティに、下半身はきれいめな足元にまとめてきれいめをキープ。

きれいめ派のスポーティアウター8選!

▼あわせて読みたい

【ネイビーに合う色】大人の好印象コーデ48選|意識すべきポイントは?

【ネイビーブラウス】上品な洗練スタイルを叶える

ネイビーという硬派な洗練カラーをブラウスで取り入れたら、大人の上品コーデが簡単に作れます。とことん女らしく着こなすのもよし、冒険カラーに合わせて華やかなコーデを大人仕様に転がすのもよし!

秋冬コーデ

ネイビーブラウス×イエローパンツ

ネイビーブラウス×イエローパンツコーデ

華やかなイエローパンツには、知的なネイビーがフィット。大胆ラッフルバックシャンのあしらいで、カラーパンツコーデをさりげなくドレスアップ!

「映えトップス」はきれいカラーパンツと好相性! おすすめ6コーデ

ネイビーの光沢ブラウス×ネイビーデニムパンツ

ネイビーの光沢ブラウス×ネイビーデニムパンツコーデ

かっこいいベーシックが、一気に更新されておしゃれに見える“艶っぽネイビー”のブラウス。濃いめデニムでワントーンに装えば、きれいめ感もキープできる。

光沢のブラウスをきれいめカジュアルに仕上げるなら…

春夏コーデ

ネイビーシアーブラウス×ベージュパンツ

ネイビーシアーブラウス×ベージュパンツコーデ

センシュアルなシアーボウタイブラウスは、硬派なネイビーでシックな趣きに。気分高まる華やかさをまとった、新鮮な着こなし。

春らしい新鮮な着こなしは、旬の映えブラウスにおまかせ!

ネイビーレースブラウス×白ワイドパンツ

ネイビーレースブラウス×白ワイドパンツコーデ

端正さをネイビーに、華やぎをレースに託したコーデ。白ワイドパンツを合わせ、優美なブラウスをお仕事スタイルに仕上げて。

華やかさと品格をまとうには、ネイビー×レースが最適!

ネイビーブラウス×ネイビーレーススカート

ネイビーブラウス×ネイビーレーススカートコーデ

ネイビーのブラウス&レーススカートで、女っぽさと知的さを両立。さりげない品をまとえるミドルヒールパンプスで、親しみやすさも加えたい。

リュクスな美しさが漂うネイビーコーデ

▼あわせて読みたい

【ネイビーブラウスが主役の春コーデ18選】人気のおすすめ着こなしを伝授

【ネイビーニット】大人かわいいを引き立てる

秋冬の寒さのように凛としたキリっと感のあるネイビートップス。この季節は寒さを調整しやすいニットコーデが鉄板。温かみのある素材は、大人っぽいネイビーカラーの中に、女の子らしい可愛さを引き立ててくれます。

秋冬コーデ

ネイビーロングニット×ネイビープリーツスカート

ネイビーロングニット×ネイビープリーツスカートコーデ

ロングニットを重ねるなら、存在感抜群のサテン素材のプリーツスカートで。裾がアシンメトリーになったデザインで、歩くたびに表情豊かな印象に。

「艶あるネイビーアイテム」で知的華やかな着こなし3選

ネイビーニット×ショートパンツ×ロングブーツ

ネイビーニット×ショートパンツ×ロングブーツコーデ

ネイビーニットならショートパンツも大人っぽく着こなすことが可能。ロングブーツを投入すれば、一気に今どきのスタイルに。

トレンドアイテムを着こなすなら、美人ボトムやブラウスの定番ステディ名品で。

ネイビーニット×ネイビーのキルティングコート×ネイビーパンツ

ネイビーニット×ネイビーのキルティングコート×ネイビーパンツコーデ

シンプルなネイビーのワンカラーコーデに、キルティングのコートで立体感をプラス。キャッチーなバッグでチアフルな雰囲気に。

ダークトーンコーデのコツはバッグにあり♡

春夏コーデ

ネイビークロップド丈ニットベスト×ストライプシャツワンピース

ネイビークロップド丈ニットベスト×ネイビーブルーのストライプシャツワンピースコーデ

ストライプ柄を大胆に取り入れたノーカラーのシャツワンピース。カジュアルに傾きやすい幅広ストライプも、ネイビーブルーでクリーンな印象に着地。

小物やアウターをプラスして、「ワンピース」を楽しむべし!

ネイビークロップド丈ニット×ハイネック白シャツ×リラクシーパンツ

白シャツ×ネイビークロップド丈ニット×パンツコーデ

ネイビーのクロップ丈ニットを取り入れれば、パリッとした白やストライプのシャツにレイヤードができて親しみやすくなる。

デ・プレの「シャツセットアップ」着回し。きれいめからカジュアルまで5パターン

▼あわせて読みたい

【紺ニットコーデおすすめ11選】シンプルに映える! メリハリ感をつくる方…

【ボトムス別】ネイビーニットコーデ25選|トレンドと安定感を両立する装い

【ネイビージャケット・ジレ】オフィスで活躍! できる女の着こなし

品がよく好感度の高いカラーであるネイビーは、オフィスコーデにも取り入れやすい便利カラー。いつものコーデにスパイスを加えて、周囲とはひと味違う「できる女の着こなし」にトライしてみて。

秋冬コーデ

ネイビージレ×ツイードパンツ×白ウールニット

ネイビージレ×ツイードパンツ×白ウールニットコーデ

ウールタイプのジレなら、アウターとしても使える! ネイビーカラーをセレクトし、トラッドで女らしい印象に導いて。小物はローヒールパンプスと黒のバッグできれいめに。

ジレは「ミディアム丈」がおしゃれ! オンオフ活躍する着回し力をチェック

ネイビージャケット×白スカート×ボーダーニット

ネイビージャケット×白スカート×ボーダーニットコーデ

さらっとした質感の紺ブレは、初秋から大活躍。軽やかなアイテムと合わせつつ、質感や色で季節感を演出して。

「金ボタン付きネイビーブレザー」の最新コーデ4|ボクシィなシルエットなら休日も活躍♡

ネイビーのブレザージャケット×ボーダートップス×グレーワイドパンツ

ネイビーのブレザージャケット×ボーダートップス×グレーワイドパンツコーデ

ベーシックな紺ブレも、ビッグシルエットで今どきに更新。ボーダーや肩に掛けたきれい色ニットで、〝きちんと見え〟で終わらないおしゃれを楽しんで。

働く私たちの定番ブランドでつくる、大人のステディ名品コーデ6選

ネイビーセットアップ×ボーダーカットソー×ベージュパンプス

ネイビーセットアップ×ボーダーカットソー×ベージュパンプスコーデ

ハンサムなネイビーセットアップの足元は、靴にあわせたベージュの靴下がのぞけば、たちまち小粋に! 決して難しい選びではないのに、〝おしゃれにひと手間かけている〟かっこよさが漂う。

大人のネイビーセットアップで魅せるハンサムコーデ

春夏コーデ

ネイビーのノーカラージャケット×グレーワイドパンツ×リボンブラウス

ネイビーのノーカラージャケット×グレーワイドパンツ×リボンブラウスコーデ

胸元にボリュームのあるやわらかいブラウスには、ノーカラージャケット合わせですっきりと! 知的なグレーのワイドパンツで品よくまとめれば、甘みえしない!

「きちんとしたい日」に失敗しない! 【パンツスタイル】のコーディネート9選

ネイビージャケット×白の襟コンシャスブラウス

ネイビージャケット×白襟コンシャスブラウスコーデ

金ボタンに大襟ブラウス、レトロな魅力は“かわいい”を大人っぽく楽しめる。クラシックな濃紺はブラウスとの甘辛コーデにぴったり。インナーを遊べるノーカラージャケットにも注目を。

セットアップはあえて“女っぽく着る”が今っぽさのカギ!

ネイビーのジップアップブルゾン×イエローパンツ

ネイビーのジップアップブルゾン×イエローパンツコーデ

働く日のパンツスタイルは、テーラードジャケットよりも軽やかなブルゾンでコーデを一新。上品なネイビーなら、普段の着こなしに辛口のかっこよさが加わり、コーディネートの幅を広げてくれる。

冷房対策にもひと役! ジップアップブルゾンで出社日も快適

ネイビーロングジレ×黒カットソー×ロングタイトスカート

ネイビーロングジレ×黒カットソー×ロングタイトスカートコーデ

ネイビーのジレにロングタイトスカート。パンツが定番のところ、あえてロングタイトを合わせることで、視線をすっきり縦に流しつつ、足首に抜け感を出し軽やかに。足元をローファーにするのも新鮮!

長めタイトにロングジレ&リュックを合わせて快活なムードにアレンジ!

ネイビージャケット×ラベンダーピンクパンツ

ネイビージャケット×ラベンダーピンクパンツコーデ

ラベンダーピンクはネイビーとの相性◎。新しい配色で通勤コーデのレパートリーを広げて。

大人の「洗練ピンク」が通勤のレパートリーを広げてくれる!

▼あわせて読みたい

紺シャツコーデおすすめ22選【2025年春】おしゃれな大人の着回しお手本

ネイビーシャツコーデ【レディース】春夏の上品さを叶える着こなし実例

冬のネイビーシャツコーデ11選|程よいハンサム感が女っぽさ引き立てる着…

【紺ブレザー】お手本コーデおすすめ26選|大人が今選ぶべきアイテムとは

【ネイビートップス×カジュアルボトム】大人の休日コーデ

休日は、大人かわいいカジュアルスタイルがお洒落の定番! デニムやゆるめのパンツなどラフになりがちなボトムスにも、知的なネイビーを投入すれば好感度の高いヘルシーコーデがつくれます。

秋冬コーデ

ネイビーシャツ×ブルーデニム

ネイビーシャツ×ブルーデニムコーデ

エプロンベストがセットになったネイビーシャツは、ピリッとモダンな新印象を約束。ワザありのデザインで、デニム合わせでもきちんと大人顔に仕上げてくれる。

 ベスト付き、新型ドルマン…「シャツ・ブラウス」の旬デザイン3選

ネイビーのデザインブラウス×オフ白デニム

ネイビーのデザインブラウス×オフ白デニムコーデ

アシンメトリーな襟デザインにリブ袖と、映える要素たっぷりのネイビーの艶ブラウス。力みのないオフ白のデニムと合わせてデイリーに着こなしたい。

艶ネイビー×デニムでつくる最旬秋コーデ3選|カジュアルからきれいめモードスタイルまで!

ネイビーニットカーディガン×ベージュパンツ

ネイビーカーディガン×ゆったりベージュパンツコーデ

ボタンの映えるネイビーカーディガンにバッグや靴など、ラグジュアリーなアイテムの中にあえてゆったりカジュアルなパンツを一点投入。大人の余裕が見える上級コーデに!

「ルイ・ヴィトン」で大人の余裕漂う上級コーデ!

ネイビーパーカー×パープルフレアスカート

ネイビーパーカー×パープルフレアロングスカート×白カットソーコーデ

華やかなパープルのフレアスカートを、ネイビーでまろやかに引き締める。甘めのアイテムは、ブーツの重厚感でキレよく仕上げて。

カジュアルコーデを引き締めたいときは?

ネイビーセットアップ×グレーのテーラードジャケット

ネイビーセットアップ×グレーのテーラードジャケットコーデ

ハンサムなグレーのロングジャケットに、ドレッシーなサテンのネイビーセットアップを合わせた感度の高い着こなし。グレー×ネイビーの知的配色に、派手めハイテクスニーカーをアクセ感覚で投入して、こなれたジャケットコーデに。

こなれ見えジャケットの足元に派手スニーカーを!

ネイビーニット×デニムパンツ×ジャケット

ネイビーニット×デニムパンツ×ジャケットコーデ

ネイビーはコンサバ感が出るきれいめな素材で取り入れるより、カジュアルなニットやデニムで仕込むのが今の気分。ジャケットをオンするだけで、きちんと感もキープできる。

Oggi専属モデル 飯豊まりえ&滝沢カレン “カジュアルで女っぽい私服”を公開!

ネイビースウェット×ネイビーパンツ×Gジャン

ネイビースウェット×ネイビーパンツ×Gジャンコーデ

白シャツにネイビースウェットをレイヤード。全身ハンサムなネイビーで統一し存在感を際立たせながらも、抜け感やリラックスムードも満載な着こなしに。

春トップスだとまだ寒い…そんな時こそ『スウェット』が頼れる!

春夏コーデ

ネイビーのサテンブラウス×ワイドパンツ

ネイビーのサテンブラウス×ワイドパンツコーデ

モードでかっこいい色合いと、上品でやわらかな素材のバランスが絶妙なワンツースタイル。きれいめな装いとは正反対のスポサン&ロゴトートでやんちゃに着くずして。

お利口すぎない「ネイビーコーデ」3選|シルエット&素材で魅せる!

ネイビーカットソー×ネイビースウェット×ベージュパンツ

ネイビーカットソー×ネイビースウェット×ベージュパンツコーデ

立体感のあるネイビートップスのレイヤードに、ニュアンスのあるベージュパンツで、シンプルな着こなしを鮮度よく盛り上げて。

とことん楽ちんなのにお洒落見え♡ ウエストゴムパンツコーデ6!

ネイビーポロTシャツ×ブルーツイードスカート

ネイビーポロTシャツ×ブルーツイードスカートコーデ

Vネックがシャープさを強調するから、カジュアルでもキリッとした着こなしが叶う。ブルーのスカートで爽やかさをオン。

深Vネック×V開きタンクのコンビが、きちんと感と抜け感を同時に生み出す

ネイビーTシャツ×白シアープリーツスカート×シャツ

ネイビーTシャツ×白シアープリーツスカート×シャツコーデ

地厚なオーバーTシャツを、すとんと流れるようなシアープリーツスカートに合わせたカジュアルコーデ。ブルーシャツを腰巻きすると鮮度がアップ。

地厚Tシャツ×シアースカートのギャップが今どき洒落感♡

▼あわせて読みたい

【紺Tシャツの大人きれいめコーデ10選】レディース向けおすすめの着こなし

【ネイビー×黒】は合わない!? そんなイメージを捨てよう!

落ち着いた後退色のネイビーに、同じ色合いの黒は合わせにくい? 実は、ネイビー×黒のまろやかな配色は、スカートスタイルではほんのりやさしい印象に、パンツの着こなしではモードなスタイルに仕上げてくれます。「ネイビー×黒」の組み合わせに挑戦してみましょう!

秋冬コーデ

ネイビーシアーカットソー×黒ワイドパンツ

ネイビーシアーカットソー×黒ワイドパンツコーデ

透け感カットソーのインナーは同色を選ぶのがカギ。おしゃれに欠かせない抜け感をシーズンライクに演出してくれる。ボトムは黒で、かっこよく上品にまとめるのが大人の嗜み。

晩夏にも初秋にも似合う! 上品に着地するネイビーコーデ♡

ネイビーロゴスウェット×黒メッシュスカート

ネイビーロゴスウェット×黒メッシュスカートコーデ

トレンド感あるメッシュの黒ニットスカートには、ネイビーのスウェットとデニムジャケットで程よくカジュアルダウン。女っぽさ香る小物と合わせてメリハリの効いた着こなしに。

ロングタイトスカート×低めのヒールのお手本コーデ3選。

ネイビーのチュニックワンピ×黒ロングブーツ

ネイビーのチュニックワンピ×黒ロングブーツコーデ

甘くなりがちなチュニックワンピもネイビーなら大人っぽく着こなせる。パンツ合わせになりがちだったチュニックワンピは、ロングブーツと合わせるのが今の旬。黒のフラットブーツでおしゃれに引き締めて!

ロングブーツのコーデおすすめ16選|旬の上品スタイルをご紹介

ネイビーブルゾン×黒パンツ

ネイビーブルゾン×黒パンツコーデコーデ

シックな黒コーデに映えるネイビーブルゾンのさりげない光沢感。スウェットパンツとのスポーティな組み合わせも、艶があれば品よくまとまる!

今すぐマネしたい! スウェット×艶ネイビーでつくる、大人の洗練カジュアル3選!

ネイビーパフスリーブブラウス×黒パンツ

ネイビーパフスリーブブラウス×黒パンツコーデ

王道シルエットのAラインのパフスリーブブラウス。シンプルな黒パンツと大ぶりなシルバーアクセで辛口な味付けを。

「華やぎトップス×シャープな黒パンツ」は秋冬も大活躍♡ おすすめコーデ4選

春夏コーデ

ネイビータンクトップ×黒ドット柄スカート

ネイビータンクトップ×黒ドット柄スカートコーデ

ドット柄スカートのかわいさを大人仕様で着こなすなら、ネイビー×黒のダーク配色が◎。黒ベロアリボンをつけ、レトロなムードをさらに盛り上げて。

ベロア素材ヘッドアクセで秋のおしゃれムードを香らせて

ネイビーのツイードジレ×黒パンツ×黒タンクトップ

ネイビーのツイードジレ×黒パンツ×黒タンクトップコーデ

堅気なジレやフォーマルなネイビーをいい意味でくずしてくれるツイード素材。黒×ネイビーでハンサムに着こなせばこなれ感たっぷりに。

残暑に着たい、お利口すぎない「ネイビーコーデ」3選|シルエット&素材で魅せる!

最後に

どんなアイテムやカラーも受け止めてくれる、万能カラー・ネイビー。「今日のコーデどうしよう!」と困ったときは、頼れるネイビートップスで、エッジを効かせた着こなしを楽しんでみてください。

あわせて読みたい

Today’s Access Ranking

ランキング

2025.04.05

編集部のおすすめ Recommended

Follow Us!

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

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

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

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

Feature

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

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

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