Chocolate brown continues to be one of the biggest color trends, and it’s easy to see why. It’s a rich neutral that feels a little softer than black while remaining just as versatile. Whether you gravitate toward classic combinations or want to experiment with color, chocolate brown pairs beautifully with everything from crisp neutrals to rich jewel tones.

For today’s post, I’m sharing six color pairings using one pair of pinstriped chocolate brown trousers to show just how versatile they can be. These outfit ideas are perfect for the office and show just how many colors work beautifully with this timeless neutral.

Affiliate links are included in this post.

Chocolate Brown Pants Color Pairings

My Sizing: I’m 4’10”, and my bust, waist, and hip measurements are 32″, 24″, and 36″. My inseam is 25″ (the measurement from the inside of my leg to my ankle bone). The clothes shown are unaltered and show how they fit me right from the store. I list my sizing beside each item to help you compare when shopping online. When referencing my true size, that is often the smallest option available at a brand or petite xxs/00/24. I wear a size 5 shoe.

Abercrombie Sloan Trousers

  • Rise: 11.5″
  • Inseam: 28.25″ in 24 short
  • Fit: true-to-size

The trousers I’m styling are the Sloan Trousers from Abercrombie. They’ve been a popular choice since wide-leg pants made their comeback, and it’s easy to see why. This tailored style features front pleats, a high rise, and a relaxed wide leg that creates a polished silhouette.

The Short length has a 28.25-inch inseam, which works best on my petite frame with a low heel. One thing to keep in mind when comparing trouser inseams to jeans is that trousers typically have a dropped crotch seam. That means a 28-inch trouser inseam won’t fit the same as a 28-inch jean inseam, even though the measurements sound similar.

Monochrome Brown Outfit

Color pairing with chocolate brown trousers | petite-friendly outfits with wide leg trousers | business casual outfits for work | monochromatic workwear outfit with chocolate brown for petites

Pants 24 Short | Top XXS | Shoes

Rose + Chocolate Brown

Color pairing with chocolate brown trousers | petite-friendly outfits with wide leg trousers | business casual outfits for work | pink and chocolate brown

Pants 24 Short | Sweater XS heather vintage pink | Shoes | Belt

Olive + Chocolate Brown

Color pairing with chocolate brown trousers | petite-friendly outfits with wide leg trousers | business casual outfits for work | olive green and chocolate brown outfit idea

Pants 24 Short | Top XXS | Shoes | Belt

Navy + Chocolate Brown

Color pairing with chocolate brown trousers | petite-friendly outfits with wide leg trousers | business casual outfits for work | navy and chocolate brown outfit idea for work

Pants 24 Short | Top 2XS | Shoes | Belt

Burgundy + Chocolate Brown

Color pairing with chocolate brown trousers | petite-friendly outfits with wide leg trousers | business casual outfits for work | Chocolate brown and burgundy outfit

Pants 24 Short | Sweater XS | Shoes | Belt

Taupe + Chocolate Brown

Color pairing with chocolate brown trousers | petite-friendly outfits with wide leg trousers | business casual outfits for work | taupe and chocolate brown outfit idea

Pants 24 Short | Belt | Shoes | Top XXS | Blazer Petite 00