Midnight Slate Power BI Theme
A restrained dark theme built around one confident blue.
Best for
Ops centers and screens viewed in low light.
Color palette
The eight data colors, in the order Power BI applies them to a chart's series. Click a swatch to copy its hex value.
| Role | Color |
|---|---|
| Page background | #0F1620 |
| Visual background | #1A2432 |
| Title text | #EAF1FB |
| Body text | #9FB1C7 |
| Good | #3FB27F |
| Neutral | #7C8DA3 |
| Bad | #E5534B |
| Minimum | #16324F |
| Center | #2B6CB0 |
| Maximum | #93C5FD |
Theme JSON
Save this as a .json file, or use the download button above.
{
"name": "Midnight Slate",
"dataColors": [
"#4C8BF5",
"#6FA8F7",
"#93C5FD",
"#2B6CB0",
"#1E4E8C",
"#7C93B8",
"#A9C1E0",
"#567FAE"
],
"background": "#FFFFFF",
"foreground": "#000000",
"tableAccent": "#4C8BF5",
"good": "#3FB27F",
"neutral": "#7C8DA3",
"bad": "#E5534B",
"maximum": "#93C5FD",
"center": "#2B6CB0",
"minimum": "#16324F",
"visualStyles": {
"*": {
"*": {
"background": [
{
"show": true,
"color": {
"solid": {
"color": "#1A2432"
}
}
}
],
"title": [
{
"fontColor": {
"solid": {
"color": "#EAF1FB"
}
},
"background": {
"solid": {
"color": "#1A2432"
}
},
"alignment": "left"
}
],
"labels": [
{
"color": {
"solid": {
"color": "#9FB1C7"
}
}
}
],
"legend": [
{
"show": true,
"color": {
"solid": {
"color": "#9FB1C7"
}
},
"fontSize": 10
}
],
"categoryAxis": [
{
"show": true,
"gridlineShow": true,
"gridlineColor": {
"solid": {
"color": "#3A3A3A"
}
},
"fontColor": {
"solid": {
"color": "#9FB1C7"
}
}
}
],
"valueAxis": [
{
"show": true,
"gridlineShow": true,
"gridlineColor": {
"solid": {
"color": "#3A3A3A"
}
},
"fontColor": {
"solid": {
"color": "#9FB1C7"
}
}
}
]
}
},
"page": {
"*": {
"background": [
{
"color": {
"solid": {
"color": "#0F1620"
}
},
"transparency": 0
}
]
}
},
"card": {
"*": {
"labels": [
{
"color": {
"solid": {
"color": "#EAF1FB"
}
},
"fontSize": 28
}
],
"categoryLabels": [
{
"color": {
"solid": {
"color": "#9FB1C7"
}
}
}
]
}
},
"tableEx": {
"*": {
"grid": [
{
"gridVertical": false,
"gridHorizontal": true,
"gridHorizontalColor": {
"solid": {
"color": "#3A3A3A"
}
},
"rowPadding": 3,
"globalFontSize": 9
}
],
"columnHeaders": [
{
"fontColor": {
"solid": {
"color": "#FFFFFF"
}
},
"backColor": {
"solid": {
"color": "#4C8BF5"
}
},
"fontSize": 10,
"alignment": "Center"
}
],
"values": [
{
"fontColorPrimary": {
"solid": {
"color": "#9FB1C7"
}
},
"backColorPrimary": {
"solid": {
"color": "#1A2432"
}
},
"backColorSecondary": {
"solid": {
"color": "#1A2432"
}
}
}
],
"totalers": [
{
"fontColor": {
"solid": {
"color": "#FFFFFF"
}
},
"backColor": {
"solid": {
"color": "#4C8BF5"
}
},
"fontSize": 10,
"alignment": "Center"
}
]
}
},
"pivotTable": {
"*": {
"grid": [
{
"gridVertical": false,
"gridHorizontal": true,
"gridHorizontalColor": {
"solid": {
"color": "#3A3A3A"
}
},
"rowPadding": 3,
"globalFontSize": 9
}
],
"columnHeaders": [
{
"fontColor": {
"solid": {
"color": "#FFFFFF"
}
},
"backColor": {
"solid": {
"color": "#4C8BF5"
}
},
"fontSize": 10,
"alignment": "Center"
}
],
"rowHeaders": [
{
"fontColorPrimary": {
"solid": {
"color": "#9FB1C7"
}
},
"backColorPrimary": {
"solid": {
"color": "#1A2432"
}
},
"backColorSecondary": {
"solid": {
"color": "#1A2432"
}
}
}
],
"values": [
{
"fontColorPrimary": {
"solid": {
"color": "#9FB1C7"
}
},
"backColorPrimary": {
"solid": {
"color": "#1A2432"
}
},
"backColorSecondary": {
"solid": {
"color": "#1A2432"
}
}
}
],
"totalers": [
{
"fontColor": {
"solid": {
"color": "#FFFFFF"
}
},
"backColor": {
"solid": {
"color": "#4C8BF5"
}
},
"fontSize": 10,
"alignment": "Center"
}
]
}
},
"slicer": {
"*": {
"items": [
{
"fontColor": {
"solid": {
"color": "#9FB1C7"
}
}
}
],
"header": [
{
"show": true,
"fontColor": {
"solid": {
"color": "#EAF1FB"
}
}
}
]
}
},
"textbox": {
"*": {
"text": [
{
"color": {
"solid": {
"color": "#EAF1FB"
}
}
}
],
"background": [
{
"show": true,
"color": {
"solid": {
"color": "#1A2432"
}
},
"transparency": 100
}
]
}
}
},
"textClasses": {
"label": {
"color": "#9FB1C7"
},
"title": {
"color": "#EAF1FB"
},
"callout": {
"color": "#EAF1FB"
},
"header": {
"color": "#EAF1FB"
}
}
}
How to import this theme into Power BI
- Download the theme file with the button above.
- In Power BI Desktop, open the View ribbon and choose Themes, then Browse for themes.
- Select the downloaded file. Power BI applies it to every visual in the report.
More Power BI themes
Related tools
Want different colors? Open Midnight Slate in the Power BI Theme Generator and adjust it, check or tidy the file with the JSON Formatter, or browse the full Power BI Theme Collection.