Dark Power BI theme
Chalkboard Power BI theme
Dark education Power BI theme: chalk yellow lead on slate green, peach, coral and pale-sky series, Candara headings for school attendance and training.
By Nawaf Sharaf · Founder & Reliability Engineer · Updated
Free for commercial useShown on the School Attendance & Attainment template.
Power BI Desktop: Design ribbon → Import theme. Power BI service: View → Theme pane.
About the palette
Chalkboard puts chalk yellow #F2DC6B on a slate-green page #142019, with peach #E8B4A0 and coral #F08A5D next and pale sky #9EC2E5 later in the list. It's a classroom look for attendance, attainment and training-completion pages shown in staff rooms.
Candara headings soften it for school audiences. Text #EEF3EC reaches 13.3:1 on the cards (#1B2A21). The accent doubles as the neutral status colour, so use the green good #9EE09E and coral bad #F08A80 for targets, and treat yellow as "this year".
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.
- Wall displays and dark-mode screens: text at 13.3:1 and every chart colour at 6:1 or more on the cards.
- Variance charts, waterfalls and KPI deltas: good #9EE09E and bad #F08A80 are 115° apart in hue.
Colour-vision simulation
- Protanopia: series 1 and 4 (#F2DC6B, #B8E186); series 5 and 6 (#E5A3D6, #9BB7FF)
- Deuteranopia: series 1 and 4 (#F2DC6B, #B8E186)
- Tritanopia: series 2 and 5 (#E8B4A0, #E5A3D6)
- Give those series data labels or direct labels instead of relying on the legend.
- Chart colours
- 8, in 6 hue families
- Lightness range
- 63–80 %
- Text contrast
- 13.3:1
- Muted text
- 7.2:1
- Weakest chart colour
- 6:1 on cards
- Near-grey series
- 0
- Closest catalog palettes
- Forest Night (0.076)Moss and Stone (0.078)Ward Wallboard (0.080)
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 | #142019 | — | base |
| Card / surface | #1B2A21 | — | base |
| Text | #EEF3EC | 13.34:1 | AA text |
| Muted text | #A9B8AC | 7.24:1 | AA text |
| Accent | #F2DC6B | 10.88:1 | ≥ 3:1 |
| Good | #9EE09E | 9.72:1 | ≥ 3:1 |
| Neutral | #F2DC6B | 10.88:1 | ≥ 3:1 |
| Bad | #F08A80 | 6.18:1 | ≥ 3:1 |
| Data colour 1 | #F2DC6B | 10.88:1 | ≥ 3:1 |
| Data colour 2 | #E8B4A0 | 8.19:1 | ≥ 3:1 |
| Data colour 3 | #F08A5D | 6.07:1 | ≥ 3:1 |
| Data colour 4 | #B8E186 | 10.11:1 | ≥ 3:1 |
| Data colour 5 | #E5A3D6 | 7.53:1 | ≥ 3:1 |
| Data colour 6 | #9BB7FF | 7.58:1 | ≥ 3:1 |
| Data colour 7 | #9EC2E5 | 8.07:1 | ≥ 3:1 |
| Data colour 8 | #6FD3C1 | 8.40:1 | ≥ 3:1 |
Theme JSON excerpt
The downloaded file also includes text classes, visual styles and slicer, table and card defaults.
{
"name": "Chalkboard",
"dataColors": [
"#F2DC6B",
"#E8B4A0",
"#F08A5D",
"#B8E186",
"#E5A3D6",
"#9BB7FF",
"#9EC2E5",
"#6FD3C1"
],
"background": "#142019",
"foreground": "#EEF3EC",
"tableAccent": "#F2DC6B",
"good": "#9EE09E",
"neutral": "#F2DC6B",
"bad": "#F08A80"
}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 Chalkboard 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 Chalkboard colours.
Gauge · 248×136 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 gauge visual titled "Attendance vs 95% target". It sits in a 248×136 px slot on a designed report page. Match the report's brand: data colours #F2DC6B, #E8B4A0, #F08A5D, #B8E186, #E5A3D6, #9BB7FF; background #1B2A21; text #EEF3EC; font Segoe UI. Transparent visual background so the page design shows through; no visual border. The report uses the Chalkboard Power BI theme.
Templates in this theme
Backgrounds to pair with Chalkboard
Dark page backgrounds that sit well under this palette. Each background page has its own theme download, or keep Chalkboard and set the background image on top.
1280×720 background
Forest Minimal CanvasMinimal dark green Power BI background: a subtle radial gradient, a title area and one thin accent line. Free-form canvas for your own layout.
1280×720 background
Midnight Glass PanelsDark Power BI background with frosted glass panels over a deep navy glow: header strip, three KPIs and a wide chart area. Free PNG and SVG download.
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 Chalkboard 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 Chalkboard theme use?
It uses Candara for headings and Segoe UI for body text. 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
- Forest Night
Dark theme
- Aurora Night
Dark theme
- Lilac Haze
Light theme
- Campus Crimson
Light theme
- Spring Bloom
Light theme
- Emerald Finance
Light 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 Chalkboard
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.