Colorblind Safe - Dark Power BI Theme
The Okabe-Ito universal palette adapted for a dark background (black swapped for white so every color stays visible).
Best for
Dark-mode reports that still need to be colorblind-accessible.
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 | #0E1013 |
| Visual background | #181B1F |
| Title text | #F2F2F2 |
| Body text | #B0B0B0 |
| Good | #56B4E9 |
| Neutral | #8A8A8A |
| Bad | #D55E00 |
| Minimum | #1C2B36 |
| Center | #0072B2 |
| Maximum | #56B4E9 |
Theme JSON
Save this as a .json file, or use the download button above.
{
"name": "Colorblind Safe - Dark",
"dataColors": [
"#E69F00",
"#56B4E9",
"#009E73",
"#F0E442",
"#0072B2",
"#D55E00",
"#CC79A7",
"#FFFFFF"
],
"background": "#FFFFFF",
"foreground": "#000000",
"tableAccent": "#E69F00",
"good": "#56B4E9",
"neutral": "#8A8A8A",
"bad": "#D55E00",
"maximum": "#56B4E9",
"center": "#0072B2",
"minimum": "#1C2B36",
"visualStyles": {
"*": {
"*": {
"background": [
{
"show": true,
"color": {
"solid": {
"color": "#181B1F"
}
}
}
],
"title": [
{
"fontColor": {
"solid": {
"color": "#F2F2F2"
}
},
"background": {
"solid": {
"color": "#181B1F"
}
},
"alignment": "left"
}
],
"labels": [
{
"color": {
"solid": {
"color": "#B0B0B0"
}
}
}
],
"legend": [
{
"show": true,
"color": {
"solid": {
"color": "#B0B0B0"
}
},
"fontSize": 10
}
],
"categoryAxis": [
{
"show": true,
"gridlineShow": true,
"gridlineColor": {
"solid": {
"color": "#3A3A3A"
}
},
"fontColor": {
"solid": {
"color": "#B0B0B0"
}
}
}
],
"valueAxis": [
{
"show": true,
"gridlineShow": true,
"gridlineColor": {
"solid": {
"color": "#3A3A3A"
}
},
"fontColor": {
"solid": {
"color": "#B0B0B0"
}
}
}
]
}
},
"page": {
"*": {
"background": [
{
"color": {
"solid": {
"color": "#0E1013"
}
},
"transparency": 0
}
]
}
},
"card": {
"*": {
"labels": [
{
"color": {
"solid": {
"color": "#F2F2F2"
}
},
"fontSize": 28
}
],
"categoryLabels": [
{
"color": {
"solid": {
"color": "#B0B0B0"
}
}
}
]
}
},
"tableEx": {
"*": {
"grid": [
{
"gridVertical": false,
"gridHorizontal": true,
"gridHorizontalColor": {
"solid": {
"color": "#3A3A3A"
}
},
"rowPadding": 3,
"globalFontSize": 9
}
],
"columnHeaders": [
{
"fontColor": {
"solid": {
"color": "#FFFFFF"
}
},
"backColor": {
"solid": {
"color": "#E69F00"
}
},
"fontSize": 10,
"alignment": "Center"
}
],
"values": [
{
"fontColorPrimary": {
"solid": {
"color": "#B0B0B0"
}
},
"backColorPrimary": {
"solid": {
"color": "#181B1F"
}
},
"backColorSecondary": {
"solid": {
"color": "#181B1F"
}
}
}
],
"totalers": [
{
"fontColor": {
"solid": {
"color": "#FFFFFF"
}
},
"backColor": {
"solid": {
"color": "#E69F00"
}
},
"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": "#E69F00"
}
},
"fontSize": 10,
"alignment": "Center"
}
],
"rowHeaders": [
{
"fontColorPrimary": {
"solid": {
"color": "#B0B0B0"
}
},
"backColorPrimary": {
"solid": {
"color": "#181B1F"
}
},
"backColorSecondary": {
"solid": {
"color": "#181B1F"
}
}
}
],
"values": [
{
"fontColorPrimary": {
"solid": {
"color": "#B0B0B0"
}
},
"backColorPrimary": {
"solid": {
"color": "#181B1F"
}
},
"backColorSecondary": {
"solid": {
"color": "#181B1F"
}
}
}
],
"totalers": [
{
"fontColor": {
"solid": {
"color": "#FFFFFF"
}
},
"backColor": {
"solid": {
"color": "#E69F00"
}
},
"fontSize": 10,
"alignment": "Center"
}
]
}
},
"slicer": {
"*": {
"items": [
{
"fontColor": {
"solid": {
"color": "#B0B0B0"
}
}
}
],
"header": [
{
"show": true,
"fontColor": {
"solid": {
"color": "#F2F2F2"
}
}
}
]
}
},
"textbox": {
"*": {
"text": [
{
"color": {
"solid": {
"color": "#F2F2F2"
}
}
}
],
"background": [
{
"show": true,
"color": {
"solid": {
"color": "#181B1F"
}
},
"transparency": 100
}
]
}
}
},
"textClasses": {
"label": {
"color": "#B0B0B0"
},
"title": {
"color": "#F2F2F2"
},
"callout": {
"color": "#F2F2F2"
},
"header": {
"color": "#F2F2F2"
}
}
}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 Colorblind Safe - Dark 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.