Dark Power BI theme

Soft Graphite Power BI theme

Neutral dark Power BI theme: graphite page with sky-blue lead, periwinkle, lime and aqua series, plain Segoe UI, for dark-mode project and IT pages.

By · Founder & Reliability Engineer · Updated

Free for commercial use
Soft Graphite theme applied to the Project Portfolio template

Shown on the Project Portfolio template.

Power BI Desktop: Design ribbon → Import theme. Power BI service: View → Theme pane.

Design with this theme →

About the palette

Soft Graphite is a neutral dark mode: graphite page #1F1F1F, cards #2A2A2A, text #F2F2F2 at 12.8:1 and a sky-blue lead #6AA9F0. Periwinkle #8E9CF2, lime #A6CF6A and aqua #6CCFC8 follow.

No tint means it suits any brand and any monitor. Use the light grey #BDBDBD series for "other" or prior-year bars. Periwinkle sits close to the lead blue, so put those two on related measures (actual and forecast) rather than unrelated categories.

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

  • Clustered and stacked charts with up to six series (7 hue families); add data labels to the pairs listed below.
  • Wall displays and dark-mode screens: text at 12.8:1 and every chart colour at 5.5:1 or more on the cards.
  • Variance charts, waterfalls and KPI deltas: good #7BCB8A and bad #F28A8A are 131° apart in hue.

Colour-vision simulation

  • Protanopia: series 1 and 5 (#6AA9F0, #B79CF2)
  • Deuteranopia: series 1 and 5 (#6AA9F0, #B79CF2); series 4 and 6 (#6CCFC8, #F28AB0)
  • Give those series data labels or direct labels instead of relying on the legend.
Chart colours
8, in 7 hue families
Lightness range
61–78 %
Text contrast
12.8:1
Muted text
6.6:1
Weakest chart colour
5.5:1 on cards
Near-grey series
1

Colours and contrast

Contrast ratios are measured against the card (surface) colour, where visuals sit. Text needs 4.5:1; graphics need 3:1.

Theme colours and contrast against the card colour
RoleColourContrast on cardCheck
Page background#1F1F1F—base
Card / surface#2A2A2A—base
Text#F2F2F212.82:1AA text
Muted text#B0B0B06.62:1AA text
Accent#6AA9F05.84:1≥ 3:1
Good#7BCB8A7.35:1≥ 3:1
Neutral#E8C15A8.34:1≥ 3:1
Bad#F28A8A6.00:1≥ 3:1
Data colour 1#6AA9F05.84:1≥ 3:1
Data colour 2#8E9CF25.60:1≥ 3:1
Data colour 3#A6CF6A8.03:1≥ 3:1
Data colour 4#6CCFC87.79:1≥ 3:1
Data colour 5#B79CF26.19:1≥ 3:1
Data colour 6#F28AB06.18:1≥ 3:1
Data colour 7#BDBDBD7.64:1≥ 3:1
Data colour 8#F2A7667.17:1≥ 3:1

Theme JSON excerpt

The downloaded file also includes text classes, visual styles and slicer, table and card defaults.

soft-graphite-theme.json
{
  "name": "Soft Graphite",
  "dataColors": [
    "#6AA9F0",
    "#8E9CF2",
    "#A6CF6A",
    "#6CCFC8",
    "#B79CF2",
    "#F28AB0",
    "#BDBDBD",
    "#F2A766"
  ],
  "background": "#1F1F1F",
  "foreground": "#F2F2F2",
  "tableAccent": "#6AA9F0",
  "good": "#7BCB8A",
  "neutral": "#E8C15A",
  "bad": "#F28A8A"
}

Import this theme in Power BI Desktop

  1. 1

    Download the theme

    Use the Download theme JSON button above. The file is a few kilobytes and contains no images.

  2. 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. 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. 4

    Add a matching background

    Open the design studio with Soft Graphite 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 Soft Graphite colours.

Custom visual · 784×232 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.

Brief sent to the generator (you can edit it there)

A Power BI custom visual titled "Portfolio roadmap". Purpose: Gantt chart: project bars by start and end date, milestones as diamonds, grouped by programme. It sits in a 784×232 px slot on a designed report page. Match the report's brand: data colours #6AA9F0, #8E9CF2, #A6CF6A, #6CCFC8, #B79CF2, #F28AB0; background #2A2A2A; text #F2F2F2; font Segoe UI. Transparent visual background so the page design shows through; no visual border. The report uses the Soft Graphite Power BI theme.

Templates in this theme

Backgrounds to pair with Soft Graphite

Dark page backgrounds that sit well under this palette. Each background page has its own theme download, or keep Soft Graphite and set the background image on top.

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 Soft Graphite 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. In a colour-vision simulation 3 pairs among the first six chart colours look alike; the palette profile lists them so you can add data labels. The full contrast table is on this page.

Which fonts does the Soft Graphite 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

Keep exploring

Design a page in Soft Graphite

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.