How to Ombré Tie-Dye a Baseball Cap

Updated on July 27, 2018
Glimmer Twin Fan profile image

Claudia has been writing about crafts online for many years. She is an avid crafter who has been creating for most of her life.

Easy DIY tutorial on how to ombré tie-dye a baseball cap.
Easy DIY tutorial on how to ombré tie-dye a baseball cap. | Source

I am loving all of the ombré I've been seeing the last few years. Take a look on Pinterest and you can find ombré hairstyles, crafts, clothing, and even cakes. It's been trending for quite a while now, and it really is stunning.

Ombré is a changing of color, blending one color slowly from dark to light, or blending from one color to another.

As a crafter, it's been a real inspiration for me. I've been thinking about all sorts of different things to make, and this fun baseball cap is one of the ones I've come up with. Because it's appealing to all ages, my teenage daughter and her friend were all too happy to help out with this tutorial.

You might think it would be hard to find white baseball caps, but it's not. You can usually find them in the craft section of a big box store or at your local craft store. There is usually a box of them near the tie-dye section. You can also order them online, like these which are identical to the ones we used. An added perk is that they aren't very expensive, so it's an ideal craft for a group of people to do.

If you are looking for a trendy, fashionable craft project, then look no further than this ombré baseball cap.

What You'll Need

The supplies we used.
The supplies we used. | Source

Here are the supplies you are going to need.

We used this tie-dye kit that my daughter got for her birthday and it was perfect, with lots of beautiful colors to choose from. We only made two hats so I have a hunch we will be making lots of t-shirts this summer.

White baseball cap
Make sure it is 100% cotton.
Tie-dye kit or dyes and squirt bottles
Rubber Gloves
Paper Towels
Like a trash bag or a plastic table cloth, to cover your work surface.
Sponge Brushes

Step 1: Before Dyeing

  1. Before you start dyeing, wash the hat to get rid of chemicals that may be in the fabric. I wash and dry it in the normal cycle.
  2. Cover your work surface with plastic and then a layer of paper towels. The paper towels soak up the liquid that spills. You may even want to put a layer of newspaper under the paper towels. We did this in our backyard on an old folding table which made it easy for clean up.


Wear gloves and old clothes that you don't care about. You are working with fabric dyes that will permanently stain any fabric and turn your fingers colors.

Step 2: Get the Dyes Ready

Hat ready for dyeing.
Hat ready for dyeing. | Source

Once your work surface is ready, layout everything you are going to need.

Then prepare the dyes of your choice. Follow the instructions provided in your kit.

Note: The dye we used was powder that had to be dissolved and we didn't shake the one bottle enough, so one of hats has a few darker spots on the orange color that can be seen in a photo farther along in the article.

Step 3: Dyeing the Cap

Dyeing bill of the cap.
Dyeing bill of the cap. | Source
Dyeing the inside of the bill.
Dyeing the inside of the bill. | Source

We started with the darkest color at the front of the cap and the bill.

For the dark color:

Using the squirt bottle and the sponge, gently squeeze a little bit of the dye onto the cap and spread it out with the brush. Repeat as needed until you have gone about 1" up the cap (see next photo)

Finishing up the front of the cap.
Finishing up the front of the cap. | Source

To do the other colors, stuff the cap with paper towels so it's easier to handle, then flip the cap over and start the second section.

Filling the cap with paper towels to get ready to dye the rest of the cap.
Filling the cap with paper towels to get ready to dye the rest of the cap. | Source
  1. Using the medium color, dye the next (middle) section until there is about 1/3 of the cap remaining that hasn't been colored.
  2. Use the lightest dye color to fill in the final section (the back) of the hat.

Flip over and color the adjuster strap on the back. You may also want to dye the inside rim.

Finishing up the dyeing process.
Finishing up the dyeing process. | Source

Step 4: Finishing Up

Set the hat aside to process overnight.
Set the hat aside to process overnight. | Source

I recommend following the tie-dye instructions provided with your kit at this point to ensure that the dye you used sets correctly.

This are the steps we used:

  • Put the hat in a plastic bag and let it rest overnight so the colors get absorbed. Don't rinse anything out before you let it sit overnight. To be safe, I put the sealed bag in an old bucket in case it leaks.
  • The next day, rinse the hat out in cold water until the water runs clear. This is a great thing to do in a utility sink, or with a hose outside. Any dye that comes out can still stain, so don't do this where it may ruin something.
  • To set the color, wash the hat, without anything else in the washing machine, on the normal cycle, with soap. Then dry it in the dryer on the normal cycle.
  • Your hat is ready to go!


As with many tie-dyed items, the colors may run every time you wash the hat, so I would not suggest ever washing it with anything else.

The hat after it's been washed and dried.  It definitely loses some of it's vibrancy.
The hat after it's been washed and dried. It definitely loses some of it's vibrancy. | Source

You can see that the thread used to make the hat wasn't cotton because the dye didn't adhere to it. I'm guessing it was nylon or polyester. I like the look of the white eyelets. I think it adds a little interest to the hat.

As you can see, washing it really tones the colors down.

A Different Color Option

Using some bolder colors can give you a more dramatic ombré effect like in the pink, orange and yellow cap below.

If you look closely at the orange part, you'll see where we didn't shake up the dye enough and not all of the powder dissolved.

A different ombré color scheme looks nice too.
A different ombré color scheme looks nice too. | Source

I hope you'll give this hat a try. It looks great on anyone, and because it can be made in any color scheme, you can make one to match every outfit in your closet!

Happy Crafting!

I'd Love To Hear From You

Do you think you'll be making this hat?

See results

© 2018 Claudia Mitchell


    0 of 8192 characters used
    Post Comment
    • Glimmer Twin Fan profile imageAUTHOR

      Claudia Mitchell 

      23 months ago

      Thanks Donna - We thought about doing it with rubber bands, and you can easily to the back part and top like that. The problem is the hard bill and the stiffer front part of the cap, but you could do splashes of various colors to get that tie-dye look in the front.

    • purl3agony profile image

      Donna Herron 

      23 months ago from USA

      This is such a cute project! Can you bind these hats with rubber bands or string to make a tied-dye pattern with these dyes? I think that would be an interesting look. Thanks for sharing and posting!

    • Glimmer Twin Fan profile imageAUTHOR

      Claudia Mitchell 

      23 months ago

      Thanks. It's not that hard to find them which I like. Sounds like a get together with the grandchildren might be in order. What a fun (but messy) project for a group. Have fun!

    • profile image


      23 months ago

      Such a cute, cute project. Thanks much for the tip on finding the white caps. It was my first question. Great tutorial. I think my grands might need their own ombre cap.


    This website uses cookies

    As a user in the EEA, your approval is needed on a few things. To provide a better website experience, uses cookies (and other similar technologies) and may collect, process, and share personal data. Please choose which areas of our service you consent to our doing so.

    For more information on managing or withdrawing consents and how we handle data, visit our Privacy Policy at:

    Show Details
    HubPages Device IDThis is used to identify particular browsers or devices when the access the service, and is used for security reasons.
    LoginThis is necessary to sign in to the HubPages Service.
    Google RecaptchaThis is used to prevent bots and spam. (Privacy Policy)
    AkismetThis is used to detect comment spam. (Privacy Policy)
    HubPages Google AnalyticsThis is used to provide data on traffic to our website, all personally identifyable data is anonymized. (Privacy Policy)
    HubPages Traffic PixelThis is used to collect data on traffic to articles and other pages on our site. Unless you are signed in to a HubPages account, all personally identifiable information is anonymized.
    Amazon Web ServicesThis is a cloud services platform that we used to host our service. (Privacy Policy)
    CloudflareThis is a cloud CDN service that we use to efficiently deliver files required for our service to operate such as javascript, cascading style sheets, images, and videos. (Privacy Policy)
    Google Hosted LibrariesJavascript software libraries such as jQuery are loaded at endpoints on the or domains, for performance and efficiency reasons. (Privacy Policy)
    Google Custom SearchThis is feature allows you to search the site. (Privacy Policy)
    Google MapsSome articles have Google Maps embedded in them. (Privacy Policy)
    Google ChartsThis is used to display charts and graphs on articles and the author center. (Privacy Policy)
    Google AdSense Host APIThis service allows you to sign up for or associate a Google AdSense account with HubPages, so that you can earn money from ads on your articles. No data is shared unless you engage with this feature. (Privacy Policy)
    Google YouTubeSome articles have YouTube videos embedded in them. (Privacy Policy)
    VimeoSome articles have Vimeo videos embedded in them. (Privacy Policy)
    PaypalThis is used for a registered author who enrolls in the HubPages Earnings program and requests to be paid via PayPal. No data is shared with Paypal unless you engage with this feature. (Privacy Policy)
    Facebook LoginYou can use this to streamline signing up for, or signing in to your Hubpages account. No data is shared with Facebook unless you engage with this feature. (Privacy Policy)
    MavenThis supports the Maven widget and search functionality. (Privacy Policy)
    Google AdSenseThis is an ad network. (Privacy Policy)
    Google DoubleClickGoogle provides ad serving technology and runs an ad network. (Privacy Policy)
    Index ExchangeThis is an ad network. (Privacy Policy)
    SovrnThis is an ad network. (Privacy Policy)
    Facebook AdsThis is an ad network. (Privacy Policy)
    Amazon Unified Ad MarketplaceThis is an ad network. (Privacy Policy)
    AppNexusThis is an ad network. (Privacy Policy)
    OpenxThis is an ad network. (Privacy Policy)
    Rubicon ProjectThis is an ad network. (Privacy Policy)
    TripleLiftThis is an ad network. (Privacy Policy)
    Say MediaWe partner with Say Media to deliver ad campaigns on our sites. (Privacy Policy)
    Remarketing PixelsWe may use remarketing pixels from advertising networks such as Google AdWords, Bing Ads, and Facebook in order to advertise the HubPages Service to people that have visited our sites.
    Conversion Tracking PixelsWe may use conversion tracking pixels from advertising networks such as Google AdWords, Bing Ads, and Facebook in order to identify when an advertisement has successfully resulted in the desired action, such as signing up for the HubPages Service or publishing an article on the HubPages Service.
    Author Google AnalyticsThis is used to provide traffic data and reports to the authors of articles on the HubPages Service. (Privacy Policy)
    ComscoreComScore is a media measurement and analytics company providing marketing data and analytics to enterprises, media and advertising agencies, and publishers. Non-consent will result in ComScore only processing obfuscated personal data. (Privacy Policy)
    Amazon Tracking PixelSome articles display amazon products as part of the Amazon Affiliate program, this pixel provides traffic statistics for those products (Privacy Policy)
    ClickscoThis is a data management platform studying reader behavior (Privacy Policy)