# Colors and Icons in Your Plan > This article explains the meaning behind the colors and icons you may see in your Available column and the Money Moves section of your budget. Source: https://support.ynab.com/en_us/colors-and-icons-in-your-plan-HJQv_XHko Last updated: 2026-07-29T17:14:00.110Z Explore how YNAB uses colors and icons to communicate info about your plan! Learn what each one indicates so you can gauge your plan's health or interpret your Money Moves window at a quick glance. This article only addresses colors and icons found on the main _Plan_ tab — the page that displays your categories. If you're looking for a key to icons related instead to your specific account registers, the _All Accounts_ page, or the _Accounts_ tab (on mobile), you'll want to check out our related [Colors and Icons in Your Account Register](https://support.ynab.com/en_us/colors-and-icons-in-your-account-register-Hk_w6UBki) article! #### In This Article [Colors and Shading in Your Progress Bar](#progress) [Colors in the Available Column](#colors) [Icons in the Available Column of the Web App](#icons) [Icons and Recent Money Moves](#moves) * * * ## Colors and Shading in Your Progress Bar If you have progress bars toggled on, you notice them beneath each category. [Progress bar color and shading](https://support.ynab.com/en_us/progress-bars-a-guide-SkDEhot09#colors) both signal what is happening in the category this month. [Back to Top](#backtotop) * * * ## Colors in the Available Column **Red**: Red means immediate action is needed, because it represents **cash** overspending. Whether the spending happened with a checking/savings account or actual cash, some dollars have been spent that are still sitting in other categories. [Move money](https://support.ynab.com/en_us/moving-money-in-your-plan-ryyCKbBJi) immediately to cover that overspending so that you know your other Available amounts are accurate! **Yellow**: Yellow is up next, because it means the category is underfunded. Either you've overspent on a credit account, or you haven't assigned enough for an upcoming transaction or target in order to fund it by the due date. The icon tells you which of those applies, which we'll talk about in the "Icons" section below. **Green**: It’s all good! Your Available amount is positive and enough to cover any upcoming [Scheduled Transactions](https://support.ynab.com/en_us/scheduled-transactions-a-guide-BygrAIFA9). If you have a target for that category—you’re on track, or you've snoozed it to prioritize that money elsewhere! Note that a category with a savings target **without** a due date will show up green if there is any money in the category, even if you haven't contributed to the goal this month. Since there isn't any date it has to be funded by, there isn't any way to be off-target.  **Gray**: If the Available amount is gray, it's at zero **and** not underfunded. [Back to Top](#backtotop) * * * ## Icons in the Available Column of the Web App If you're on the **web app**, you'll see additional icons in the Available column of your plan. Here's what they mean! **Credit Card Icon:** The most urgent icon is the credit card with an exclamation mark because it signals [credit overspending](https://support.ynab.com/en_us/credit-card-overspending-an-overview-HkMGpSbJs). If you don’t assign more to that category, it will become debt you need to pay off (by assigning money directly to the Credit Card Payment Category in a future month). You can cover the overspending by clicking the yellow Available amount and moving money from another funded category in the drop-down menu that pops up. **Calendar Icon:** The calendar icon means there isn't enough money for a transaction scheduled to happen later in the month. If you select the category, the Inspector in the right sidebar will show the details for the upcoming Scheduled Transaction in that category: how much has been assigned, and how much more is needed.  **Pie Chart Icon:** Ah, this delicious icon tells you whether or not you're on track to meet the target you set for that category. A partly filled pie chart icon tells us that we haven't assigned enough yet. If we select the category, the Inspector in the right sidebar will show [more details about the target](https://support.ynab.com/en_us/how-to-use-targets-rk5kkI9ks#target-alerts), including how much more is needed to be fully funded for the month.  **Green Circle Icon:** You're on track! And, if you're looking to celebrate, scan the available column for checkmarks. A checked, green circle means the target has been met. Success! **Zz Snooze Icon (also available on iOS and Android):** The target in that category is snoozed. You won't be asked to assign more to the category this month for that target, even if the target isn't funded. If you see a snooze icon and a yellow Available amount, it means there's a scheduled transaction this month that needs to be funded. Assign money to cover the scheduled transaction so you don't end up with overspending. [Back to Top](#backtotop) * * * ## Icons and Recent Money Moves For a breakdown of each icon, head to the [What Do the Different Icons Mean?](https://support.ynab.com/en_us/moving-money-in-your-plan-ryyCKbBJi#icons) section of our Moving Money in Your Plan article. It’s got everything you need to help you understand them quickly. [Back to Top](#backtotop) * * * ## Help Us Help You! Our Knowledge Base team reviews article feedback responses weekly, and we actively revise these articles to make them as helpful as possible. That's where you come in! Our articles are scored based on the _Yes_ or _No_ ratings received below. We also collect freeform feedback for any _No_ ratings (so our team can focus in on what you were specifically searching for!). **Success**: Found what you were searching for? It would be super helpful if you click _Yes_ below. **Suggestions**: Didn't find what you're searching for and you'd like to share what terms or topics you wanted? Click _No_ below. You'll then be able to submit your feedback about this article. **Please note:** the feedback submissions are anonymous, and we’re not able to respond, so make sure to use the next option if you have a specific scenario or question you would like a response to. **Support**: If you have a question or would like a response to your specific question, [tell the chatbot you need a human or send us an email](https://support.ynab.com/en_us/how-to-get-help-SygqcvtC5) to ensure that your message gets to our Support team!