How to Add a Custom Color Using a HEX Code in Miro
In this article
Learn how to expand your Miro board's color options by adding custom colors using HEX codes. This guide will walk you through selecting an object, accessing the color palette, and inputting your desired HEX value to personalize your visuals.
Explore more Miro tutorials with interactive Saltfish walkthroughs.
Here's how to add a custom color using a hex code in Miro
- Open a Miro Board
Begin by navigating to your Miro dashboard and selecting the board you wish to edit. This will open the board and allow you to access its editing tools.
- Select an Object
Once inside the board, click on any existing object, such as a shape or text box. This action will activate the object's formatting toolbar at the top of the screen.
- Access Fill Color Options
Locate and click the 'Fill color' icon within the formatting toolbar. This icon typically looks like a solid circle and will open a dropdown menu with color options.
- Add a Custom Color
From the color palette dropdown, click the "+" (plus) icon. This action will open a custom color editor, allowing you to define a new color.
- Enter the HEX Code
In the custom color editor, find the HEX input field. Type or paste your specific HEX color code (e.g., #1E90FF) into this field. The object's color will update instantly.
- Verify the New Color
After entering the HEX code, the new custom color will be automatically added to your color palette. You can now easily select and apply this color to other objects on your board.
Your turn to show how it works.
Build a walkthrough of your product with Saltfish, then share it with your customers.
Frequently Asked Questions
The fill color icon is located in the formatting toolbar that appears at the top of the screen after you select an object on your Miro board.



