A button-front crochet shirt with a collar sits in its own category it reads polished enough for a dinner out but works just as easily thrown over a swimsuit. This cream version is worked in an open mesh stitch that keeps it lightweight and breathable through warm months. If you like layering with crochet, the crochet sleeveless top with collar is a complementary piece worth adding to your queue.
Crochet Top And White Shirt
The structured collar and clean button band give this shirt a finished look that most crochet tops skip entirely, making it a standout in any summer wardrobe. It works up in panels that are seamed together, so the construction is straightforward even for beginners. For another open, airy button-front option, the lightweight mesh button-up top is a close sibling.
Materials & Tools
- Cotton DK yarn
- 4 mm crochet hook
- Stitch markers
- Tapestry needle
- 5 to 6 buttons
Your Stitch Toolkit
Difficulty & Time
Intermediate to confident-intermediate. The stitch pattern is an easy three-row repeat, but the construction — button bands, buttonholes, a collar, set-in sleeves worked in rounds, and mattress-stitch seaming — asks for some garment-making patience. Give it a relaxed week of evenings.
The Pattern
Back Panel
- Chain 82.
- Double crochet into the fourth chain from the hook and in every chain across.
- Chain 3, turn, and double crochet in every stitch across.
- Chain 3, turn, double crochet in the next stitch, chain 1, skip 1 stitch, double crochet in the next stitch, and repeat across, finishing with double crochet in the last two stitches.
- Repeat the three-row pattern of two double crochet rows and one mesh row until you reach a total of 38 rows.
- Work two final rows of double crochet to match the starting edge.
- Never read a crochet pattern before? No problem! The video tutorial below is perfect for beginners, or give the written pattern below a try!
Front Panels (Make 2)
- Chain 82.
- Follow the same three-row stitch pattern as the back panel for 15 rows.
- On the next row, work the pattern but stop 9 stitches before the end to form the neckline opening.
- Continue working the established pattern on the shortened rows until three more rows are completed.
Button Bands
- Single crochet evenly along the left front edge for five rows.
- Single crochet two rows along the right front edge.
- On the next row, chain 2, skip 2 stitches, single crochet across, and repeat evenly to form buttonholes.
- Finish with two more rows of single crochet.
Collar
- Join yarn at the neckline.
- Work several rounds of single crochet evenly around the entire neck opening.
Sleeves
- Count down ten mesh squares from the shoulder seam to mark the armhole depth.
- Join yarn at the underarm.
- Work in rounds following the same three-row pattern of two double crochet rounds and one mesh round.
- Continue until the desired sleeve length is reached.
- Finish with three rounds of single crochet.
Sides and Bottom Hem
- Sew side seams from the underarm down using a mattress stitch.
- Work three rounds of single crochet evenly around the bottom hem.
Assembly
- Place the front panels on top of the back panel.
- Sew across the shoulder seams using a mattress stitch.
Tips & Troubleshooting
- Match your buttonholes to your buttons, not the other way around. The chain-2, skip-2 buttonhole is generous — test it against your actual buttons on a scrap before working the full row, and adjust the skip if they slip through too easily.
- Keep the button bands at even tension. Single crochet edging worked too tightly will pull the front edges in and warp the drape. Aim for a flat, relaxed edge and check it lies straight as you go.
- Use a stitch marker at each shoulder seam before you start the sleeves — counting ten mesh squares down for the armhole is much more reliable when your reference point is clearly flagged.
- Block the panels before assembly. Cotton DK relaxes beautifully with a wet block, and flat, even panels make mattress-stitch seaming almost invisible.
- Place buttons after the bands are done, lining each one up with its buttonhole, so the front closes cleanly without gaping.
Yarn Substitution
Cotton DK is the right call here — it gives the crisp body and structure that make this read as a proper shirt. A cotton-blend DK will work if you want a touch more softness or stretch, though you’ll lose a little of that tailored crispness. Steer clear of fuzzy or very drapey fibers, which blur the mesh detail and soften the collar past the point of holding its shape. Whatever you pick, stay at DK weight with the 4 mm hook and swatch first.
Customization Ideas
- Lengthen the sleeves to full-length cuffs, or keep them short for a summer shirt.
- Add more buttons down a longer band, or fewer for an open, relaxed front.
- Deepen the collar with extra rounds for a fold-over look, or keep it shallow and flat.
- Work the body longer past 38 rows for a tunic, or crop it for a boxier fit.
FAQ
How do I get the buttonholes to line up evenly? Work the chain-2, skip-2 sequence at regular intervals across the band and count the single crochets between each buttonhole so the spacing stays consistent. Dividing your edge length by your number of buttons before you start gives you a target gap to aim for.
Why are the sleeves worked in rounds instead of flat? Joining at the underarm and working down in rounds means no sleeve seam — the tube grows straight off the armhole, so the fabric flows continuously from body to sleeve and there’s less finishing at the end.
What does “stop 9 stitches before the end” do for the neckline? Leaving those stitches unworked on the front panels creates the open neckline shaping, so the two front pieces angle away from center toward the shoulders rather than meeting in a straight edge.
Can I make this longer or wider? Yes. The chain-82 foundation sets the width, so adjust your starting chain to size up or down, and work more or fewer three-row repeats to change the length before the final double crochet rows.
