diff --git a/src/app/pages/home/data-view.component.html b/src/app/pages/home/data-view.component.html
index 80518f1d1..8a70cbbc7 100644
--- a/src/app/pages/home/data-view.component.html
+++ b/src/app/pages/home/data-view.component.html
@@ -157,7 +157,7 @@
           <div class="md-card chartCard">
             <div class="md-card-content">
               <app-treemap-highchart *ngIf="fundersResultsData" [chartTitle]="'Research results by funder'"
-                                     [chartData]="fundersResultsData" [color]="'#072AE6'"></app-treemap-highchart>
+                                     [chartData]="fundersResultsData" [color]="resultColor"></app-treemap-highchart>
             </div>
           </div>
         </div>
diff --git a/src/app/pages/home/data-view.component.ts b/src/app/pages/home/data-view.component.ts
index 003371a64..7b23c5c6d 100644
--- a/src/app/pages/home/data-view.component.ts
+++ b/src/app/pages/home/data-view.component.ts
@@ -6,7 +6,7 @@ import { DataHandlerService } from '../../services/data-handler.service';
 import { CountryTableData, EuropeData } from '../../domain/overview-map-data';
 import { environment } from '../../../environments/environment';
 import { TreemapHighchartsData } from '../../domain/treemap-highcharts-data';
-import { publicationPalette, datasetPalette, softwarePalette, otherResearchProductsPalette } from '../../chart-palettes';
+import { publicationPalette, datasetPalette, softwarePalette, otherResearchProductsPalette, resultColor } from '../../chart-palettes';
 
 @Component({
   selector: 'app-data-view',
@@ -25,6 +25,7 @@ export class DataViewComponent implements OnInit {
   private datasetPalette = datasetPalette;
   private softwarePalette = softwarePalette;
   private otherResearchProductsPalette = otherResearchProductsPalette;
+  private resultColor = resultColor;
 
   activeView: string = 'absolute';
   contentAbsoluteSelection: string = 'affiliated';