MapCN
See your colours on the world. MapCN applies any kulay palette to a live, interactive map so you can preview land, water, parks, roads, and buildings before you commit.
Colour Your World.
Apply any kulay palette directly to interactive maps with MapCN. Preview your colours on real geography — land, water, parks, roads and buildings — then export ready-to-use code in seconds.
How it works
Pick a palette
Choose any palette from the gallery or your own collection.
Open Try with MapCN
On the palette page, hit the “Try with MapCN” button to open the map preview.
Preview and copy
Search a city, see your colours on the map, then copy the style code.
What you get
Live map preview
Drop your palette onto a real, interactive map and watch every layer update instantly.
5-colour mapping
Each colour maps to a layer: land, water, parks, roads, and buildings. Tuned for readability.
Search any city
Fly anywhere in the world and preview how your colours look on that geography.
Copy code instantly
Export ready-to-use MapLibre style code and ship it straight into your project.
MapCN is built on mapcn.dev. Try it from any palette page with the “Try with MapCN” button.
Explore More
Find more inspiration in our galleries and tools.
Colour Palette Collection
Browse hundreds of curated palettes.
Gradient Collection
Explore beautiful, ready-to-use gradients.
Country Flag Palettes
Discover palettes from the flags of the world.
16-Season Color System
Find your most flattering colors.
Colour of the Year
Explore annual trending colors.
HueFinder for Photos
Generate a colour palette from any image.
HueFinder for Logos
Generate a palette based on a brand logo.
AI Skin Tone Analyzer
Get a palette based on your skin tone.
WCAG Contrast Checker
Test colour accessibility.