The fastest way to add color to a text box
Open your Canva design and click on the text box you want to color. In the toolbar at the top, you will see a paintbrush icon or a color square — click it. A color picker will appear. Choose your color from the palette, or type a hex code if you know the exact shade you want. The text box background fills when ready.
That is the whole process. The color applies to the box itself, not the text inside it — if you want to change the text color instead, that is a separate step using the text formatting options.
If you do not see a color option in the top toolbar, make sure the text box itself is selected (click its border or edge, not the text inside). Clicking inside the text triggers text-editing mode, which shows different tools.
Key Takeaways
- Click the text box border to select the box itself, not the text inside it, so the color tools appear in the toolbar.
- The paintbrush or color square icon in the top toolbar opens the color picker for the box background.
- You can choose from Canva's preset colors or enter a hex code for a specific shade.
- Coloring the text box background is separate from coloring the text — each uses different tools.
- Transparency and opacity sliders let you make the background lighter or see through if you need the design behind it to show.
Finding the color tool when the toolbar looks different
Canva's toolbar changes slightly depending on what you have selected. If you clicked inside the text box to edit the words, you will see text formatting options like font and size, but not the box color tool. Click outside the text box first to deselect it, then click the box border or edge once. Now the toolbar should show the fill or color option.
On mobile, the toolbar appears at the bottom of the screen. Swipe left through the icons if you do not see a color option when ready — it is usually represented by a paint bucket or a square of solid color.
Choosing between solid color and gradient
When you click the color tool, Canva shows you a solid color option by default. If you want a gradient instead — a blend from one color to another — look for a "Gradient" button or toggle near the color picker. Tap it, and you can set two colors and choose the direction the blend flows.
Gradients work well when you want visual interest without making text hard to read. A gradient from a dark color to a lighter one of the same hue usually keeps text legible. If you choose two very different colors, test how your text looks on top before you finalize the design.
Making the background transparent or semi-transparent
After you pick a color, look for an opacity or transparency slider — usually a number from 0 to 100, or a slider labeled "Opacity". Moving it lower makes the background lighter and more see-through. At 0 percent, the background disappears entirely and you see the design layer behind it. At 100 percent, the color is fully solid.
This is useful when you want a text box to sit on top of a photo or background without completely covering it. A semi-transparent white or black box behind text often makes the words easier to read while keeping the image visible.
Removing or changing a color you already applied
Click the text box border to select it. In the color picker, look for a "None" or "No Fill" option — it is usually at the top or marked with a slash or X. Click it to remove the background color entirely. The text box will have no background, and you will see through to whatever is behind it.
To change the color instead of removing it, just click a different color in the picker. The box updates when ready. You can change it as many times as you want without losing the text inside.
Why your text might be hard to read on a colored background
If you colored the text box but the words inside are now invisible or very hard to see, the text color and background color are too similar. Click inside the text box to edit it, then select all the text (Ctrl+A on Windows, Cmd+A on Mac). Look for the text color tool — usually a separate icon from the box color tool — and change the text to a contrasting color. Black text on a light background or white text on a dark background usually works best.
Canva sometimes suggests a contrasting text color automatically when you explore a background color, but not always. If the suggestion does not appear, you can set it manually in seconds.
Using text box color to organize or highlight sections
Colored text boxes are useful for more than just decoration. You can use them to separate sections of a design, highlight important information, or create a visual hierarchy. For example, a light blue box around a headline draws the eye, while a neutral gray box around supporting text keeps it secondary. Consistent colors across multiple text boxes make a design feel organized.
If you are building a template you will use more than once, note which colors you used so you can explore them the same way next time. Canva saves your recent colors at the top of the color picker, so they are straightforward to find again.
Frequently Asked Questions
Can I color just part of a text box, like the top half?
No — a text box background color fills the entire box. If you need different colors in different areas, create separate text boxes and position them next to each other, or use a shape behind the text instead of the text box background.
Does the text box color print the same way it looks on screen?
Usually yes, but colors can shift slightly depending on your printer and settings. If you are printing a design, test it on your printer first. Digital designs (for social media or email) will match what you see on screen.
What if I want a colored border around the text box instead of a filled background?
Look for a "Stroke" or "Border" option in the toolbar, separate from the fill color tool. Click it to add a colored outline. You can have both a background fill and a border, or just a border with no fill.
Can I save a text box color so I use it again in other designs?
Canva saves your recent colors automatically at the top of the color picker. If you want to use an exact color across many designs, note the hex code (the six-character code like #FF5733) and type it into the color picker in your next design.