---
title: tintColor
framework: mapkitjs
role: symbol
role_heading: Instance Property
path: mapkitjs/map/tintcolor
---

# tintColor

The CSS color that MapKit JS uses for user interface controls on the map.

## Declaration

```data
get tintColor(): string;
set tintColor(value: string);
```

## Discussion

Discussion Use tintColor to color the outline of the controls, text, and glyphs. The tint color can be any valid CSS color value or standard color name.

## See Also

### Configuring the map’s appearance

- [colorScheme](mapkitjs/map/colorscheme.md)
- [distances](mapkitjs/map/distances-data.property.md)
- [mapType](mapkitjs/map/maptype.md)
- [padding](mapkitjs/map/padding.md)
- [pointOfInterestFilter](mapkitjs/map/pointofinterestfilter.md)
- [showsPointsOfInterest](mapkitjs/map/showspointsofinterest.md)
- [showItems(items, options)](mapkitjs/map/showitems.md)
- [MapShowItemsOptions](mapkitjs/mapshowitemsoptions.md)