Hitit Grayscale
A quiet grayscale stage for colored data
Hitit Grayscale removes every competing hue so the only color on screen is the one you add. Land, roads, and water settle into an even range of grays that reads as calm and professional at any zoom. It is the reliable choice when you have a colorful data layer and need the basemap to step politely out of the way.
Pan and zoom the map to frame your embed, then copy the code.
About this style
Even, desaturated gray tones with moderate contrast and no accent color of its own.
Click a color to copy its hex code.
- Format
- MapLibre GL style JSON (v8)
- Data source
- OpenStreetMap, monthly refresh
- License
- Licensed per domain, attribution required
Best for
- Color-coded data overlays
- Category and status mapping
- Reports and business presentations
- Neutral corporate embeds
Embed and code
<iframe
src="https://www.hititmedya.com/embed/map/hitit-grayscale?lng=27.14280&lat=38.42370&zoom=12.00"
width="100%" height="400"
style="border:0; border-radius:8px;"
loading="lazy"
title="Map"></iframe>https://tiles.hititmedya.com/v1/styles/hitit-grayscale.json<div id="map" style="width:100%;height:400px"></div>
<link href="https://unpkg.com/maplibre-gl@5/dist/maplibre-gl.css" rel="stylesheet" />
<script src="https://unpkg.com/maplibre-gl@5/dist/maplibre-gl.js"></script>
<script>
const map = new maplibregl.Map({
container: "map",
style: "https://tiles.hititmedya.com/v1/styles/hitit-grayscale.json",
center: [27.14280, 38.42370],
zoom: 12.00
});
map.addControl(new maplibregl.NavigationControl());
</script>Pan and zoom the map to frame your embed. Current view: 27.1428, 38.4237 at zoom 12.0.
These snippets work on domains covered by an active licence. Unlicensed domains receive a 403 response.
OpenStreetMap attribution is required by the data license and stays visible on all embeds.
How to use it
- 1
Copy the embed
Grab the iframe snippet and paste it into any page. No build step, works everywhere.
- 2
Or use the style URL
Point any MapLibre GL map at the style URL. The licence lives on your domain, so there is no token to embed.
- 3
Ship it
The map renders from our self-hosted tiles on the Cloudflare edge, with no visitor tracking.
Related styles
Explore all styles
Need a custom map for your project?
We design branded map styles, location pages and data visualizations as an agency service. From real estate portals to tourism sites, we build maps that match your identity.
Map development service