Light Power BI theme

Harbour Mist Power BI theme

Calm light Power BI theme in misty blue-grey: muted harbour blue lead, graphite, sea-green and heather series for procurement and supply chain.

By Nawaf Sharaf · Founder & Reliability Engineer · Updated November 9, 2026

Free for commercial use

Harbour Mist theme applied to the Supply Chain Inventory template

Shown on the Supply Chain Inventory template.

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

Design with this theme →

About the palette

Harbour Mist is a quiet palette: harbour blue #4A7A96 leads, graphite #5A5A5A is second, and sea green #5E8C8C third. Nothing is saturated, which makes it a good base for procurement and inventory pages where the numbers, not the colours, should draw the eye.

Use the warmer series (terracotta #B5675D, ochre #A88B3C) for the one or two categories you want noticed. The calm palette has a trade-off: several colours are close in lightness, so its colour-vision result on this page is weaker than the bolder themes; label the series directly. Text is #1B262E at 15.4:1.

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 (6 hue families); add data labels to the pairs listed below.
Thin line charts and sparklines on white cards: every chart colour reaches 3.2:1 or more.
Variance charts, waterfalls and KPI deltas: good #3E7A50 and bad #A8423A are 134° apart in hue.

Colour-vision simulation

Protanopia: series 1 and 4 (#4A7A96, #8E6F9E)
Deuteranopia: series 1 and 4 (#4A7A96, #8E6F9E); series 3 and 4 (#5E8C8C, #8E6F9E)
Tritanopia: series 1 and 3 (#4A7A96, #5E8C8C)
Give those series data labels or direct labels instead of relying on the legend.

Chart colours: 8, in 6 hue families
Lightness range: 35–54 %
Text contrast: 14:1
Muted text: 5.9:1
Weakest chart colour: 3.2:1 on cards
Near-grey series: 1
Closest catalog palettes: Morning Fog (0.050)Cool Workspace (0.051)Sea Glass (0.054)

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
Role	Colour	Contrast on card	Check
Page background	#F2F5F7	—	base
Card / surface	#FFFFFF	—	base
Text	#1B262E	15.40:1	AA text
Muted text	#52606B	6.47:1	AA text
Accent	#4A7A96	4.65:1	≥ 3:1
Good	#3E7A50	5.12:1	≥ 3:1
Neutral	#9A6A14	4.72:1	≥ 3:1
Bad	#A8423A	5.99:1	≥ 3:1
Data colour 1	#4A7A96	4.65:1	≥ 3:1
Data colour 2	#5A5A5A	6.90:1	≥ 3:1
Data colour 3	#5E8C8C	3.75:1	≥ 3:1
Data colour 4	#8E6F9E	4.27:1	≥ 3:1
Data colour 5	#B5675D	4.15:1	≥ 3:1
Data colour 6	#A88B3C	3.27:1	≥ 3:1
Data colour 7	#9C7A5B	3.93:1	≥ 3:1
Data colour 8	#7A8F4F	3.58:1	≥ 3:1

Theme JSON excerpt

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

harbour-mist-theme.json

{
  "name": "Harbour Mist",
  "dataColors": [
    "#4A7A96",
    "#5A5A5A",
    "#5E8C8C",
    "#8E6F9E",
    "#B5675D",
    "#A88B3C",
    "#9C7A5B",
    "#7A8F4F"
  ],
  "background": "#F2F5F7",
  "foreground": "#1B262E",
  "tableAccent": "#4A7A96",
  "good": "#3E7A50",
  "neutral": "#9A6A14",
  "bad": "#A8423A"
}

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 Harbour Mist 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 Harbour Mist colours.

Slot to replace

Line & column chart · 544×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.

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

A Power BI combo visual titled "Inventory vs forecast demand". It sits in a 544×200 px slot on a designed report page. Match the report's brand: data colours #4A7A96, #5A5A5A, #5E8C8C, #8E6F9E, #B5675D, #A88B3C; background #FFFFFF; text #1B262E; font Segoe UI. Transparent visual background so the page design shows through; no visual border. The report uses the Harbour Mist Power BI theme.

Templates in this theme

Pick the right page for Power BI themes

Download · start hereFree Power BI themes80 contrast-checked theme JSON files, light and dark.
GenerateTheme LabBuild a theme JSON from your own brand colours.
Step by stepHow to import a themeDesign ribbon → Import theme, and what to do when colours don't change.
ReferenceTheme JSON guideWhat each field in the theme file controls.
2026 changesFluent 2, Classic 2026 and style presetsHow base themes layer under your JSON, 1920×1080 pages, the Update theme banner.
Compare toolsPower BI design tools, comparedTheme generators, page designers and kits, with sourced, dated facts.
Starter kitStarter Report KitYour brand as theme JSON, backgrounds, a PBIP with sample data and AI rules, in one zip.
AIAI theme generatorDescribe the look in words; get a contrast-checked theme JSON previewed on a real template.

Backgrounds to pair with Harbour Mist

Light page backgrounds that sit well under this palette. Each background page has its own theme download, or keep Harbour Mist 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 Harbour Mist 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 4 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 Harbour Mist 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

Power BI themes

80 contrast-checked theme JSON files, light and dark.

Theme generator

Build a theme JSON from your own brand colours.

Dashboard templates

61 hand-designed Power BI page layouts by department.

Background images

Page backgrounds at 1280×720 and 1920×1080 with visual positions.

Design a page in Harbour Mist

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.

Open in the design studio →Browse templates

The design studio for Power BI. Free, in your browser, no sign-up.