How to make a map match your brand colors
Use a map service that lets you set the map’s colors, and give it your brand’s hex values. Google, Mapbox and MapTiler have style editors for that. DoMaps reads the colors from your website and styles the map for you, in under 3 minutes.
Your options
Google Maps
- The Maps Embed API has no custom styles.1
- With the Maps JavaScript API, cloud-based styling ties a style to a map ID.2
Mapbox Studio
- Design a custom map style in Mapbox Studio, then load it with an access token.3
MapTiler Map Designer
- A no-code editor for map styles, used with a MapTiler API key.4
DoMaps
- Paste your website’s address. DoMaps reads your brand, background and text colors.
- Choose how far the map goes: Accent (your color on the pins), Harmonized (natural colors tinted toward your brand) or Monolith (the map blends into the page).
- Light, dark or your visitor’s dark mode, and a contrast setting from soft to bold.
The DoMaps way
Setup is the same as a Google Maps embed: one iframe, no account, no API key. You also choose the colors, the pins and the starting view. Paste your website’s address in the editor and the colors are filled in.
Setup in under 3 minutes
- Paste your website’s address. DoMaps reads your colors.
- Add your address, pick a pin icon and copy the code.
- Paste the code into your site, or ask your AI agent to do it.
No account or API key needed. Open the editor
Read next
Sources
- 1. developers.google.com/maps/documentation/embed/embedding-map. Checked October 2026.
- 2. developers.google.com/maps/documentation/javascript/cloud-customization. Checked October 2026.
- 3. www.mapbox.com/mapbox-studio. Checked October 2026.
- 4. docs.maptiler.com/guides/map-design/editor/. Checked October 2026.
Questions
Which colors does DoMaps use?
Three from your site: the brand color of buttons and links, the page background and the main text color. You can change each one in the editor.
Can the pins match too?
Yes. Pins use your brand color, with an icon from Maki, Temaki or Phosphor.
Does it work on a dark website?
Yes. The map follows your page background, so a dark site gets a dark map.
Make your map
Paste your website’s address and get a map in your colors. No account needed.
Make your map