Dark Power BI theme · passed colour-vision check
Clear Sight Night Power BI theme
Colour-blind-friendly dark Power BI theme: sky blue and amber lead pair on near-black, coral and ice series, for IT and security operations.
By Nawaf Sharaf · Founder & Reliability Engineer · Updated
Free for commercial useShown on the IT Service Desk template.
Power BI Desktop: Design ribbon → Import theme. Power BI service: View → Theme pane.
About the palette
Clear Sight Night carries the blue–amber logic to a dark control-room page #0B0F14: sky blue #5FA8FF, amber #FFB000, coral #FF7A5C and ice blue #9AD0F5. The first six colours passed the colour-vision simulation with no confusable pairs.
It suits service-desk, incident and vulnerability pages shown on shared screens. A mid grey #8A96A6 and near-white #F2F2F2 are in the list for background categories and totals. Text #F2F5F8 is 16.0:1 on the cards. Pink #F27AB4 and green #58C7A0 come last, so most pages never reach the hues that are hardest to tell apart.
Palette profile
Computed from the colours on this page, not written by hand: hue spread, lightness range, contrast and a colour-vision simulation of the first six chart colours.
Best for
- Bar, column and line charts with four or five series (5 hue families).
- Highlight-one-series charts: #5FA8FF for the measure you're talking about, 2 near-grey series for comparisons.
- Greyscale printing and PDF board packs: the chart colours span 50–95 % lightness, so bars stay apart without colour.
- Wall displays and dark-mode screens: text at 16:1 and every chart colour at 5.8:1 or more on the cards.
- Variance charts, waterfalls and KPI deltas: good #58C7A0 and bad #FF7A5C are 148° apart in hue.
Colour-vision simulation
The first six chart colours stay apart for protanopia, deuteranopia and tritanopia (OKLab distance 0.06 or more after simulation).
- Chart colours
- 8, in 5 hue families
- Lightness range
- 50–95 %
- Text contrast
- 16:1
- Muted text
- 8.3:1
- Weakest chart colour
- 5.8:1 on cards
- Near-grey series
- 2
- Closest catalog palettes
- Risk Desk (0.070)Council Chamber (0.072)Indigo Dusk (0.074)
Colours and contrast
Contrast ratios are measured against the card (surface) colour, where visuals sit. Text needs 4.5:1; graphics need 3:1.
| Role | Colour | Contrast on card | Check |
|---|---|---|---|
| Page background | #0B0F14 | — | base |
| Card / surface | #131A22 | — | base |
| Text | #F2F5F8 | 16.01:1 | AA text |
| Muted text | #AAB4C0 | 8.34:1 | AA text |
| Accent | #5FA8FF | 7.12:1 | ≥ 3:1 |
| Good | #58C7A0 | 8.42:1 | ≥ 3:1 |
| Neutral | #F2C14E | 10.44:1 | ≥ 3:1 |
| Bad | #FF7A5C | 6.83:1 | ≥ 3:1 |
| Data colour 1 | #5FA8FF | 7.12:1 | ≥ 3:1 |
| Data colour 2 | #FFB000 | 9.56:1 | ≥ 3:1 |
| Data colour 3 | #FF7A5C | 6.83:1 | ≥ 3:1 |
| Data colour 4 | #9AD0F5 | 10.61:1 | ≥ 3:1 |
| Data colour 5 | #8A96A6 | 5.84:1 | ≥ 3:1 |
| Data colour 6 | #F2F2F2 | 15.65:1 | ≥ 3:1 |
| Data colour 7 | #F27AB4 | 6.86:1 | ≥ 3:1 |
| Data colour 8 | #58C7A0 | 8.42:1 | ≥ 3:1 |
Theme JSON excerpt
The downloaded file also includes text classes, visual styles and slicer, table and card defaults.
{
"name": "Clear Sight Night",
"dataColors": [
"#5FA8FF",
"#FFB000",
"#FF7A5C",
"#9AD0F5",
"#8A96A6",
"#F2F2F2",
"#F27AB4",
"#58C7A0"
],
"background": "#0B0F14",
"foreground": "#F2F5F8",
"tableAccent": "#5FA8FF",
"good": "#58C7A0",
"neutral": "#F2C14E",
"bad": "#FF7A5C"
}Import this theme in Power BI Desktop
- 1
Download the theme
Use the Download theme JSON button above. The file is a few kilobytes and contains no images.
- 2
Import the theme
In Power BI Desktop open the Design ribbon → Import theme and select the file. In the Power BI service use View → Theme pane. Older Desktop builds: View → Themes → Browse for themes.
- 3
Check visual overrides
Visuals with manually set colours keep them. Use Format → Reset to default on those visuals to pick up the theme.
- 4
Add a matching background
Open the design studio with Clear Sight Night selected to build a page background in the same colours.
VizForge AI · custom visuals
Generate a custom visual for this slot
Need a chart Power BI doesn't have? Pick a slot from the sample report above and VizForge AI writes a custom visual (.pbiviz, with TypeScript source) sized to it and drawn in the Clear Sight Night colours.
Column chart · 576×200 px
1, 2 or 5 credits depending on the brief · 5 free on signup. Sign in or create a free account on the next screen; the brief is saved for 30 minutes.
A Power BI column visual titled "Incidents by priority and week". It sits in a 576×200 px slot on a designed report page. Match the report's brand: data colours #5FA8FF, #FFB000, #FF7A5C, #9AD0F5, #8A96A6, #F2F2F2; background #131A22; text #F2F5F8; font Segoe UI. Transparent visual background so the page design shows through; no visual border. The report uses the Clear Sight Night Power BI theme.
Templates in this theme
Backgrounds to pair with Clear Sight Night
Dark page backgrounds that sit well under this palette. Each background page has its own theme download, or keep Clear Sight Night and set the background image on top.
1280×720 background
Ink Sidebar NavigationDark Power BI background with a left navigation rail for page-navigator buttons, title area and a five-panel layout. VizForge yellow accent.
1280×720 background
Neon WallboardDark wallboard background for Power BI on TVs: six striped KPI tiles, a large trend panel and three bottom panels on near-black. 1920×1080 or 1280×720.
Need a chart Power BI doesn’t ship?
Theme colours apply to custom visuals too. Describe the chart in plain English and VizForge generates it as a .pbiviz with its TypeScript source; in the design studio, the brief for a visual slot carries this palette. See the visual catalog.
Generate a custom visual with AI · starts free →Questions about this theme
Is the Clear Sight Night theme accessible?
Yes. Text and muted text meet WCAG AA (4.5:1) on both the page and card colours, and every data and status colour reaches at least 3:1 against the cards. Its first six chart colours also stay distinguishable in a protanopia, deuteranopia and tritanopia simulation. The full contrast table is on this page.
Which fonts does the Clear Sight Night theme use?
It uses Segoe UI. All of them are in Power BI's own font list, so the report renders the same in Power BI Desktop and in the Power BI service.
How do I import a theme JSON into Power BI?
In Power BI Desktop go to the Design ribbon → Import theme and select the downloaded .json file; in the Power BI service use View → Theme pane (older Desktop builds: View → Themes → Browse for themes). The data colours, text classes and visual defaults apply to every page of the report.
Which theme JSON schema do these themes use?
They are compiled against the current report theme schema (reportThemeSchema-2.159) and include name, dataColors, background, foreground, tableAccent, good/neutral/bad, textClasses and visualStyles.
Similar themes
- Clear Sight
Light theme
- Blue Amber Balance
Light theme
- Aviation Ops
Dark theme
- Signal High Contrast
Dark theme
- Tol Bright (Dark)
Dark theme
- High Contrast Dark
Dark theme
Keep exploring
80 contrast-checked theme JSON files, light and dark.
Build a theme JSON from your own brand colours.
61 hand-designed Power BI page layouts by department.
Page backgrounds at 1280×720 and 1920×1080 with visual positions.
Design a page in Clear Sight Night
Start the design studio with this palette, lay out your page and export a background, the theme JSON and a PBIP project that all match.
The design studio for Power BI. Free, in your browser, no sign-up.