• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
Inspiring Pretty logo
  • Outfits
    • Tops
      • Crop Tops
      • Tank Tops
      • Crochet Tops
      • Corset Tops
      • Halter Tops
      • Tube Tops
      • Mesh & Sheer Tops
      • Off The Shoulder Tops
      • Sequin Tops
      • Lace Tops
      • Peplum Tops
      • Summer Tops
      • Satin & Silk Tops
      • Long Sleeve Tops
      • Cami Tops
      • Bra Tops
      • Tunic Tops
      • Shirts & Blouses
      • Wrap Tops
      • Going Out Tops
menu icon
go to homepage
search icon
Homepage link
  • Outfits
    • Tops
      • Crop Tops
      • Tank Tops
      • Crochet Tops
      • Corset Tops
      • Halter Tops
      • Tube Tops
      • Mesh & Sheer Tops
      • Off The Shoulder Tops
      • Sequin Tops
      • Lace Tops
      • Peplum Tops
      • Summer Tops
      • Satin & Silk Tops
      • Long Sleeve Tops
      • Cami Tops
      • Bra Tops
      • Tunic Tops
      • Shirts & Blouses
      • Wrap Tops
      • Going Out Tops
×
Home » Outfits » Tops » 20 Dorothy Perkins Cobalt Blue Top Outfit Ideas for Chic Workdays

20 Dorothy Perkins Cobalt Blue Top Outfit Ideas for Chic Workdays

By Lindsey · Published Aug 4, 2026 · Updated Oct 27, 2026

Cobalt is one of the most saturated blues you can wear, and that's why a single top in it changes a plain wardrobe so much. A Dorothy Perkins cobalt blouse, shell or jersey tee will sit next to black, white, gray or camel and make every one of them look sharper, and cobalt works beautifully with denim because the two blues share a cool undertone. As a color analyst, I look at two things with a shade this strong: what it does next to your face, and how much of the outfit it should take up. The twenty outfits below cover work, weekends and occasions, mostly using pieces you probably own already.

20 Dorothy Perkins Cobalt Blue Top Outfit Ideas for Chic Workdays - 20 Dorothy Perkins Cobalt Blue Top Outfit Ideas for Chic Workdays

Who Cobalt Flatters Near the Face

Cobalt is a cool, clear and highly saturated blue. In color analysis terms, it suits people whose own coloring has contrast and clarity: dark hair with light skin, deep skin tones, or bright eyes against a neutral complexion. On those people it makes the skin look clear and the eyes brighter. On softer, warmer or very light coloring, a strong cobalt can take over, and the face looks paler next to it.

Here's the test I use. Stand by a window in daylight with no makeup, and hold the top under your chin. Then look for:

  • Good signs: skin looks even, shadows under the eyes soften, your eyes look brighter.
  • Warning signs: skin looks sallow or gray, redness stands out, or you notice the top before you notice your face.

If cobalt fails the test, you can still wear it. Put a neutral between the blue and your face, like a cream collar, an open camel jacket or a scarf in a softer shade. Or wear cobalt below the waist and keep a gentler color up top.

1. Dorothy Perkins Cobalt Blue Top With Black Trousers

Dorothy Perkins Cobalt Blue Top With Black Trousers - 20 Dorothy Perkins Cobalt Blue Top Outfit Ideas

Black trousers are the most reliable base for cobalt at work. The deep neutral calms the blue without dulling it, and the contrast reads crisp rather than loud. I like straight-leg or gently tapered trousers; tuck fully for meetings, or front-tuck a softer, fluid top. Pointed pumps lengthen the leg and loafers handle a long day. Silver jewelry suits cobalt's cool undertone better than heavy gold. If the top has a tie neck or puffed sleeves, keep the rest plain.

2. Dorothy Perkins Cobalt Blue Top With White Jeans

Dorothy Perkins Cobalt Blue Top With White Jeans - 20 Dorothy Perkins Cobalt Blue Top Outfit Ideas

White denim makes cobalt look its brightest, almost electric. That high contrast suits people with clear, high-contrast coloring; on softer coloring it can look stark, and that's where camel helps. A camel crossbody, tan loafers or flat sandals warm the blue-and-white just enough. Tuck a blouse into high-rise jeans for a defined waist, or leave it loose. Choose thick, opaque white denim and a clean hem. Gold hoops and neutral sunglasses finish it.

3. Dorothy Perkins Cobalt Blue Top With Wide Leg Jeans

Dorothy Perkins Cobalt Blue Top With Wide Leg Jeans - 20 Dorothy Perkins Cobalt Blue Top Outfit Ideas

Picture a weekend outfit that still looks considered. Wide-leg jeans with the cobalt top deliver it, and the denim wash changes the mood: medium wash reads casual, dark indigo looks smarter and closer in depth to the blue. Tuck into a high rise so the wide leg doesn't swamp you. Platform sneakers or heeled ankle boots suit the full hem. Petite? Cropped wide legs and a slightly raised sole help. With voluminous sleeves, choose jeans that fit close through the hips so the volume stays in one place.

4. Dorothy Perkins Cobalt Blue Top With Cream Trousers

Dorothy Perkins Cobalt Blue Top With Cream Trousers - 20 Dorothy Perkins Cobalt Blue Top Outfit Ideas

Cream softens cobalt more than white does, because cream has a little warmth in it. That makes this a good option if pure white looks harsh on you and you want something lighter than traditional black workwear. Tailored ankle pants or flowing wide-leg trousers both work, with taupe pumps or beige slingbacks. The handbag doesn't need to match exactly; an ivory bag a shade off the trousers looks more natural. Delicate gold jewelry and a narrow tan belt add warmth, and a camel coat suits it in winter.

More Amazing Ideas

  • 25 Scoop Neck Top Short Sleeve Outfit Ideas for Chic Workdays 25 Scoop Neck Top Short Sleeve Outfit Ideas for Chic Workdays
  • 20 Banana Republic Peplum Top Outfit Ideas for Chic Workdays 20 Banana Republic Peplum Top Outfit Ideas for Chic Workdays
  • 20 Summer White Button-Up Top Outfit Ideas for Chic Workdays 20 Summer White Button-Up Top Outfit Ideas for Chic Workdays
  • 20 Business Casual Tunic Tops Outfit Ideas for Chic Workdays 20 Business Casual Tunic Tops Outfit Ideas for Chic Workdays
  • 20 Flamingo Scrub Top Outfit Ideas for Cheerful Workdays 20 Flamingo Scrub Top Outfit Ideas for Cheerful Workdays

5. Dorothy Perkins Cobalt Blue Top With a Black Midi Skirt

Dorothy Perkins Cobalt Blue Top With a Black Midi Skirt - 20 Dorothy Perkins Cobalt Blue Top Outfit Ideas

Bored of trousers? A black midi skirt is the obvious next step. Pleats add movement; a straight or softly flared cut is cleaner. Tuck the top in and add a slim black belt only if the skirt's waistband needs one. The strong black-and-cobalt contrast keeps it sharp, while the longer length keeps it suitable for work. Pointed flats by day, block-heeled pumps for evening, sheer black tights and ankle boots in fall. Keep earrings simple; anything bright next to cobalt competes.

6. Dorothy Perkins Cobalt Blue Top With Straight Leg Jeans

Dorothy Perkins Cobalt Blue Top With Straight Leg Jeans - 20 Dorothy Perkins Cobalt Blue Top Outfit Ideas

Straight-leg medium-wash jeans with a partial tuck is the outfit I'd wear most often with this top. It moves from errands to lunch, and it suits fitted, relaxed or puff-sleeve versions equally. White leather sneakers keep it clean; tan ballet flats soften it. Skip embellished or heavily faded denim, because cobalt already supplies all the interest. A small crossbody, silver studs and a light neutral jacket. This is the combination that makes the top so repeatable throughout the year.

7. Dorothy Perkins Cobalt Blue Top With Gray Work Pants

Dorothy Perkins Cobalt Blue Top With Gray Work Pants - 20 Dorothy Perkins Cobalt Blue Top Outfit Ideas

Gray is cobalt's quietest partner, and the shade of gray changes the result. Charcoal gives a strong, formal contrast; pale dove gray makes a lighter springtime feel. Both are cool neutrals, so they sit comfortably with the blue's undertone. Tuck the top into tailored pants and add black loafers or navy pumps according to your office. If you add a gray blazer, make it a clearly different shade from the trousers unless they're a suit, since two nearly matching grays look like a mistake. Drop earrings instead of a necklace under a high neckline.

8. Dorothy Perkins Cobalt Blue Top With a Denim Skirt

Dorothy Perkins Cobalt Blue Top With a Denim Skirt - 20 Dorothy Perkins Cobalt Blue Top Outfit Ideas

Denim and cobalt are both blue, so the skirt needs to be clearly darker or lighter than the top, or they read as a near miss. Medium or dark denim gives enough separation. A knee-length pencil looks streamlined; an A-line midi moves more. Tuck in and add a woven tan belt, which also brings warmth between the two blues. White sneakers for summer, tan ankle boots for fall. A cream cardigan over the shoulders adds cover without fighting the color.

9. Dorothy Perkins Cobalt Blue Top With Beige Chinos

Dorothy Perkins Cobalt Blue Top With Beige Chinos - 20 Dorothy Perkins Cobalt Blue Top Outfit Ideas

Beige chinos turn the intensity down. Warm neutrals sit next to cobalt and make it look a little softer, which suits people who find the blue strong near the face. Choose tapered chinos with a mid or high rise and roll the hems once. A partial tuck keeps the proportions right. Brown loafers or white sneakers, a cognac crossbody and a gold watch. A navy trench or camel cardigan works for cooler days.

More Amazing Ideas

  • 20 Sleeveless Scrub Top Outfit Ideas for Busy Healthcare Workdays 20 Sleeveless Scrub Top Outfit Ideas for Busy Healthcare Workdays
  • 50 Blazer Top Outfit Ideas for Stylish Workdays and Nights Out 50 Blazer Top Outfit Ideas for Stylish Workdays and Nights Out
  • 20 Casual Striped Button-Up Top Outfit Ideas for Workdays 20 Casual Striped Button-Up Top Outfit Ideas for Workdays
  • 20 Express Peplum Top Outfit Ideas for Polished Workdays 20 Express Peplum Top Outfit Ideas for Polished Workdays
  • 50 Chiffon Top Styles for Elegant Workdays and Modern Events 50 Chiffon Top Styles for Elegant Workdays and Modern Events

10. Dorothy Perkins Cobalt Blue Top With a Floral Midi Skirt

Dorothy Perkins Cobalt Blue Top With a Floral Midi Skirt - 20 Dorothy Perkins Cobalt Blue Top Outfit Ideas

Florals and cobalt work when the print already contains a touch of blue. I look for a skirt where small flecks of blue, green or white appear in the pattern; that repeat is what makes the two pieces look chosen together. A defined waistband and a tucked top suit an A-line or pleated shape. Nude block heels keep the eye on the color and pattern, metallic sandals feel more festive. With a busy print, I leave off the statement necklace.

11. Dorothy Perkins Cobalt Blue Top With a Navy Blazer

Dorothy Perkins Cobalt Blue Top With a Navy Blazer - 20 Dorothy Perkins Cobalt Blue Top Outfit Ideas

Navy and cobalt are the same family at different depths, and layering them is one of the most polished ways to wear this top. Wear the cobalt under a tailored navy blazer, left open, so the bright blue runs down the center in a strong vertical stripe. Light gray, cream or black trousers all work below. Silver jewelry suits the cool palette. If the blouse has puffed shoulders, check the sleeves fit under the blazer without crushing; a jacket a size up through the shoulders sometimes solves it.

12. Dorothy Perkins Cobalt Blue Top With Camel Pants

Dorothy Perkins Cobalt Blue Top With Camel Pants - 20 Dorothy Perkins Cobalt Blue Top Outfit Ideas

Camel and cobalt sit almost opposite each other on the color wheel, which is why they make each other look richer. It's a good late-summer and fall pairing. Tailored camel trousers or soft wide-leg pants, top tucked in, chocolate loafers or tan boots. Gold jewelry and a cognac bag repeat the warmth, and a cream trench or oatmeal cardigan handles colder days. Keep patterns out of it so the two main colors stay clear.

13. Dorothy Perkins Cobalt Blue Top With Faux Leather Pants

Dorothy Perkins Cobalt Blue Top With Faux Leather Pants - 20 Dorothy Perkins Cobalt Blue Top Outfit Ideas

For evening, black faux leather pants give cobalt more edge. The soft blouse against the smooth sheen is all the contrast you need, so skip prints. Straight-leg or gently tapered cuts look more current than skin-tight ones and are easier to sit in. Tuck in, or let a slightly longer hem fall over the waistband. Pointed ankle boots, a structured black bag and silver earrings. A long gray coat for the cold.

14. Dorothy Perkins Cobalt Blue Top With a White Midi Skirt

Dorothy Perkins Cobalt Blue Top With a White Midi Skirt - 20 Dorothy Perkins Cobalt Blue Top Outfit Ideas

A white midi skirt makes cobalt look clean and summery. Structured A-line looks polished; flowing pleats move more. Tucking matters here: an untucked bright top over a white skirt cuts the body in half. Tan sandals and a woven bag for daytime, nude pumps and a cream clutch for dressier events. Pearl studs are the classic choice; gold adds warmth. White skirts need opaque fabric and skin-tone underwear, so check in daylight.

More Amazing Ideas

  • 25 Smart Ways: What Top To Wear With Cream Pants for Workdays 25 Smart Ways: What Top To Wear With Cream Pants for Workdays
  • 25 Halter Top Business Casual Outfits for Polished Workdays 25 Halter Top Business Casual Outfits for Polished Workdays
  • 50 Brown Top and Blue Jeans Outfit Ideas for Chic Days Out 50 Brown Top and Blue Jeans Outfit Ideas for Chic Days Out
  • 50 Dark Blue Top Outfit Ideas for Chic Everyday Style Now 50 Dark Blue Top Outfit Ideas for Chic Everyday Style Now
  • 25 Pink Top Navy Blue Pants: Effortless Chic Outfit Ideas 25 Pink Top Navy Blue Pants: Effortless Chic Outfit Ideas

15. Dorothy Perkins Cobalt Blue Top With a Gray Suit

Dorothy Perkins Cobalt Blue Top With a Gray Suit - 20 Dorothy Perkins Cobalt Blue Top Outfit Ideas

Could a bright blouse modernize a gray suit? It does, and it stays fully appropriate for a formal office. Choose a medium or charcoal gray suit with clean tailoring, tuck the top in and leave the jacket open enough to show the color. Black pointed pumps keep it formal; loafers get you through a long day. A tie-neck or textured blouse is fine, but pair it with a plain suit, not a patterned one. Silver watch, small earrings, structured tote.

16. Dorothy Perkins Cobalt Blue Top With Khaki Cargo Pants

Dorothy Perkins Cobalt Blue Top With Khaki Cargo Pants - 20 Dorothy Perkins Cobalt Blue Top Outfit Ideas

Khaki cargo pants make the top casual, and khaki's earthy tone keeps cobalt from looking too bright on a weekend. Choose a slim pair with flat pockets; big utility pockets add bulk right at the hips. Tuck a fitted or draped top into the waistband. White sneakers, leather slides or ballet flats, a compact crossbody, small hoops and sunglasses. It's a good outfit for sightseeing or errands.

17. Dorothy Perkins Cobalt Blue Top With Burgundy Trousers

Dorothy Perkins Cobalt Blue Top With Burgundy Trousers - 20 Dorothy Perkins Cobalt Blue Top Outfit Ideas

Cobalt and burgundy is color blocking for people who think they don't like color blocking. Both are deep and saturated, so they hold together instead of shouting. Keep the trousers simple and high-rise, tuck the blouse in, and let black loafers or ankle boots ground the two colors. Neutral accessories only; a third bright shade breaks it. It suits fall and winter best, with a charcoal coat over it.

18. Dorothy Perkins Cobalt Blue Top With a Satin Midi Skirt

Dorothy Perkins Cobalt Blue Top With a Satin Midi Skirt - 20 Dorothy Perkins Cobalt Blue Top Outfit Ideas

A satin midi skirt makes the cobalt top look luxurious. Black, champagne, silver-gray or soft navy all let the blue stay the brightest thing in the outfit. Satin shows every ridge, so tuck smoothly and add a thin camisole if the blouse fabric needs it. A bias-cut skirt follows the body without clinging. Slingbacks or refined pointed flats, a small metallic or black bag and delicate jewelry. A cropped blazer adds structure for a reception.

19. Dorothy Perkins Cobalt Blue Top With Black Jeans

Dorothy Perkins Cobalt Blue Top With Black Jeans - 20 Dorothy Perkins Cobalt Blue Top Outfit Ideas

Black jeans make cobalt look sharper than blue denim does, because there's no competing blue below. Choose a clean straight, slim or gently flared pair without heavy fading. Front tuck for shape, or loose for a softer feel. Black ankle boots carry one dark line from waist to floor, which flatters petite and plus-size frames alike. White sneakers lighten it for daytime. Add silver hoops, a black crossbody and a light gray cardigan or trench in between seasons.

More Amazing Ideas

  • What Color Top Goes With Light Blue Pants: 20 Chic Outfit Ideas What Color Top Goes With Light Blue Pants: 20 Chic Outfit Ideas
  • 25 Pink Top Navy Blue Pants: Effortless Chic Outfit Ideas 25 Pink Top Navy Blue Pants: Effortless Chic Outfit Ideas
  • 20 Blue Top Fashion Style Ideas for Chic Everyday Outfits 20 Blue Top Fashion Style Ideas for Chic Everyday Outfits
  • 20 Elegant Blue Silk Top Outfit Ideas for Chic Evenings 20 Elegant Blue Silk Top Outfit Ideas for Chic Evenings
  • 25 Royal Blue One Shoulder Top Outfit Ideas: Chic Party Looks 25 Royal Blue One Shoulder Top Outfit Ideas: Chic Party Looks

20. Dorothy Perkins Cobalt Blue Top With a Patterned Maxi Skirt

Dorothy Perkins Cobalt Blue Top With a Patterned Maxi Skirt - 20 Dorothy Perkins Cobalt Blue Top Outfit Ideas

A patterned maxi skirt is the most colorful option here. Choose a print that already contains blue, then add complementary shades like coral or soft yellow, which sit opposite cobalt and make it pop. A fitted or tucked top balances the fuller skirt, and a high rise lengthens the leg. Flat sandals or low wedges, a woven tote, simple earrings and a sun hat. Keep any extra layers neutral.

Accessory Colors That Sit Well With Cobalt

With a top this strong, the shoes and bag decide whether the outfit looks calm or busy. I sort them by temperature. Cool accessories, such as black, gray, navy and silver, keep the whole look crisp and suit cobalt's undertone. Warm ones, such as tan, cognac, camel and gold, soften it and make it friendlier for daytime.

Pick one temperature per outfit and stay there. A cognac bag with black pumps and silver earrings splits the look in two. Bright accents are fine, but only one: a coral bag or yellow sandal works, while both together pull the eye in three directions.

Cold Washes for a Saturated Blue

A strong blue is the first thing to show wear, because faded patches and pale seams stand out against it. To keep the color deep:

  1. Wash it with darks for the first few washes. Saturated dyes can bleed onto lighter clothes.
  2. Turn it inside out and use cold water and a gentle cycle.
  3. Dry it in the shade or indoors. Strong sun fades blue faster than almost any other color.
  4. Check the care label before ironing. Many blouses in this style are polyester or viscose, which need a low setting.

Deodorant can leave white marks on the underarms of bright blue tops. Let it dry fully before you dress, and treat any marks before you wash rather than after.

Cobalt With Neutrals First, Then Color

One cobalt top covers a lot of ground: black pants for work, white denim for weekends, a satin skirt for celebrations, cargo pants for days off. Neutrals let the blue lead, while burgundy, florals and navy make more expressive outfits. Watch the waist, the fit and the shoes so each look feels balanced. And if you're unsure whether the shade suits you, test it near your face in daylight before you build anything around it.

Pin2
2 Shares

Related posts:

25 Scoop Neck Top Short Sleeve Outfit Ideas for Chic Workdays25 Scoop Neck Top Short Sleeve Outfit Ideas for Chic Workdays 20 Banana Republic Peplum Top Outfit Ideas for Chic Workdays20 Banana Republic Peplum Top Outfit Ideas for Chic Workdays 20 Summer White Button-Up Top Outfit Ideas for Chic Workdays20 Summer White Button-Up Top Outfit Ideas for Chic Workdays 20 Business Casual Tunic Tops Outfit Ideas for Chic Workdays20 Business Casual Tunic Tops Outfit Ideas for Chic Workdays 20 Flamingo Scrub Top Outfit Ideas for Cheerful Workdays20 Flamingo Scrub Top Outfit Ideas for Cheerful Workdays 20 Sleeveless Scrub Top Outfit Ideas for Busy Healthcare Workdays20 Sleeveless Scrub Top Outfit Ideas for Busy Healthcare Workdays 50 Blazer Top Outfit Ideas for Stylish Workdays and Nights Out50 Blazer Top Outfit Ideas for Stylish Workdays and Nights Out 20 Casual Striped Button-Up Top Outfit Ideas for Workdays20 Casual Striped Button-Up Top Outfit Ideas for Workdays

Tops

About Lindsey

Lindsey, Linds to the rest of us, is a fashion designer and stylist on the Inspiring Pretty editor team. She has always loved making things with her own hands and has been with the site since 2010.

Reader Interactions

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Primary Sidebar

Footer

↑ back to top

About Inspiring Pretty

Inspiring Pretty logo

Inspiring Pretty is a home for all the things in which women find beauty: outfit ideas, fashion, hairstyles, makeup, beauty and wedding style. Since 2010 it has been written by Claire, Bonnie and Lindsey, three fashion designers and stylists. Learn more about us.

Explore

  • Crop Tops
  • Tank Tops
  • Crochet Tops
  • Corset Tops
  • Halter Tops
  • Off The Shoulder Tops
  • All Tops

Our Mission

Inspiring Pretty exists to help you find what looks and feels pretty on you. Every guide we publish follows the same promise:

  • Show outfit ideas you can actually copy, built from pieces you own or can find easily.
  • Style every look the way we would for a friend: color, fit, season and occasion first.
  • Cover the details that finish a look, from hair and makeup to wedding day style.
  • Include looks for different ages, body types, budgets and plans.
  • Keep every guide honest, clear and easy to browse.

Contact

  • About Us
  • Contact
  • Privacy Policy
  • Email Us
20 Dominican Republic Tops Outfit Ideas for Vibrant Trips 20 Draped Front Backless Halter Top Outfit Ideas to Try