---
title: "How to make a retro map | Guides | Map design"
description: "Create beautiful maps with vintage and retro aesthetics."
---

> For AI agents: a documentation index is available at [/llms.txt](https://docs.maptiler.com/llms.txt). Markdown versions of all pages are available by appending .md to any URL.

# How to make a retro map

In this tutorial, you’ll learn how to create this beautiful **retro map** using our visual map editor [Map Designer](https://docs.maptiler.com/guides/map-design/editor/):

Warning

Please note that this tutorial uses an [older generation of MapTiler maps](https://docs.maptiler.com/guides/updates/#2025-11-new-generation-of-maptiler-maps) and the described workflows **might not be accurate anymore**. We recommend to use this guide as a **source of design tips and tricks** from our cartographers rather than relying on detailed step-by-step instructions.

## Source files

To create this exact map, you’ll need these files:

-   [retro\_icons.zip](./retro_icons.zip)

## Color palette

For a vintage-feel map, you need to select the right colors, fonts, and features. Choice of colors is key as retro maps typically use **pastel colors**: variations of brown, beige, and dusty pink to imitate the aged and worn feeling.

Start from deeper zoom levels and then adjust as you go up. I started from the [Bright](https://cloud.maptiler.com/maps/editor?map=bright-v2) map style and zoomed in so that I could see buildings.

![color\_palette.jpg](./19950465261713_5303affb08.webp)

To create additional colors in the same style, I use different opacity or lightness values.

## Map features

The next step is the selection of features that should be included in the map. The Bright map style I started from is quite rich, so I decided to get rid of a few layers:

-   Sand
-   Water offset
-   River tunnel
-   Tunnel path
-   Ferry
-   Ferry labels
-   Oneway road
-   Highway shields
-   Building top
-   Transport
-   Shopping
-   Sport
-   Food
-   Drink
-   Other POI

To reduce the number of POIs further, I went into the Amenity Data tab and included only bank, cemetery, library, park, post, and town\_hall classes. I also removed all icons except for the star in Capital City labels and the circle in City labels.

## Fonts and labels

What’s typical for old-looking maps is the use of **Serif fonts** to imitate the look of traditional typefaces from the age of Johannes Gutenberg. In MapTiler Map Designer, you can choose from multiple Serif font families: Cinzel, Libre Baskerville, Merriweather, Noto Serif, PT Serif, and Vollkorn. 

Next, you should think about different font types to **differentiate between labels** or to create a hierarchy. For more important features, use Bold types; for emphasizing a difference, use Italic. 

I used the following Merriweather types for label layers:

-   Bold: Continent, Country, and Capital city labels
-   Regular: City, Island, Town, and Road labels
-   Italic: State, Place, Lake, Sea, and Ocean labels
-   Light: Village labels
-   Light Italic: River labels

For POI layers, I used Light Italic up to Zoom 16, then from Zoom 16 a classic Italic so that the labels are readable on top of the Buildings.

To differentiate between different kinds of labels, I also leveraged the **letter spacing**.

-   0em (none): Town, Village labels
-   0.1em: Lake, Sea, Lakeline, River, Island, Airport labels, and all POI layers
-   0.2em: Capital city, State, and City labels
-   0.3em: Continent and Country labels
-   0.4em: Road labels

You can also transform some of the labels to **uppercase,** which I did for Continent, Country, Capital city, State, Island, and Place labels.

![retro\_fonts.png](./19945326971665_3d321ab2e1.webp)

For better readability, I added a halo to all labels, using #F9F1DC color, 80% opacity, width ranging from 1 to 1.5px, and a bit of blur.

## Patterns and icons

Many old maps are easily recognizable by their imperfect paper texture and patina, indicating usage over the years. This feeling can be mimicked by creating an **SVG** **seamless dot pattern** designed in graphic software such as Inkscape. 

The key here is not to make all the dots the same. You can start from perfectly symmetrical dots and then distort them randomly. The background needs to be transparent.

![retro\_pattern.png](./19945326979473_3de4db8d1a.png)

I tried to keep it simple with icons, as there are usually not that many on vintage maps. It is more common to have unique drawings alongside the actual map, but that would take a lot more work in Inkscape! I kept only **star** and **circle** icons for Capital cities and Cities. I recommend you keep these kind of icons around 15x15 px in size.

![retro\_icons.png](./19950977592337_053499cb79.png)

Compress all files into one ZIP and upload it to your map. The **Icons** upload is available in the menu in the top-right corner. I toggled off the **Convert to customizable icons (SDF sprite)**option to have the icons rasterized. 

![icons-upload.png](./28481481906449_22d5cdb7a1.webp)

For the pattern styling, I created two additional layers: The background pattern on top of the Background and the Water pattern on top of the Water layer and made their opacity 5%.

![retro\_pattern\_styling.png](./19946541518097_71357dd1f5.webp)

## Use your map

When done, you can [publish](https://docs.maptiler.com/guides/map-design/how-to-publish-a-map/) your custom map and share it with the world. The options are the same as when [using a ready-made map](https://docs.maptiler.com/guides/using-map/).

Tip

The easiest way is to add the map to your website [as an iFrame](https://docs.maptiler.com/guides/using-map/iframe/).

Put your retro map out there and let everyone see their favourite locations, zoom around, and enjoy the blast from the past.