diff --git a/plugins/tech-radar/src/components/RadarGrid/RadarGrid.tsx b/plugins/tech-radar/src/components/RadarGrid/RadarGrid.tsx
index ef62b8abd9..acf69e8cbb 100644
--- a/plugins/tech-radar/src/components/RadarGrid/RadarGrid.tsx
+++ b/plugins/tech-radar/src/components/RadarGrid/RadarGrid.tsx
@@ -40,6 +40,7 @@ const useStyles = makeStyles<Theme>(theme => ({
     fill: theme.palette.text.primary,
     fontSize: '25px',
     fontWeight: 800,
+    opacity: 0.35,
   },
 }));
 
@@ -62,6 +63,7 @@ const RadarGrid = (props: Props) => {
       y={ringRadius !== undefined ? -ringRadius + 42 : undefined}
       textAnchor="middle"
       className={classes.text}
+      style={{ fill: rings[ringIndex].color }}
     >
       {rings[ringIndex].name}
     </text>,
diff --git a/plugins/tech-radar/src/components/RadarLegend/RadarLegend.tsx b/plugins/tech-radar/src/components/RadarLegend/RadarLegend.tsx
index 4ca0350e7b..38d3757ff8 100644
--- a/plugins/tech-radar/src/components/RadarLegend/RadarLegend.tsx
+++ b/plugins/tech-radar/src/components/RadarLegend/RadarLegend.tsx
@@ -45,6 +45,7 @@ const useStyles = makeStyles<Theme>(theme => ({
   },
   ringEmpty: {
     color: theme.palette.text.secondary,
+    fontSize: '12px',
   },
   ringHeading: {
     pointerEvents: 'none',
diff --git a/plugins/tech-radar/src/components/RadarLegend/RadarLegendRing.tsx b/plugins/tech-radar/src/components/RadarLegend/RadarLegendRing.tsx
index 68b42373f3..577e0bcab4 100644
--- a/plugins/tech-radar/src/components/RadarLegend/RadarLegendRing.tsx
+++ b/plugins/tech-radar/src/components/RadarLegend/RadarLegendRing.tsx
@@ -37,7 +37,9 @@ export const RadarLegendRing = ({
 }: RadarLegendRingProps) => {
   return (
     <div data-testid="radar-ring" key={ring.id} className={classes.ring}>
-      <h3 className={classes.ringHeading}>{ring.name}</h3>
+      <h3 className={classes.ringHeading} style={{ color: ring.color }}>
+        {ring.name}
+      </h3>
       {entries.length === 0 ? (
         <Typography paragraph className={classes.ringEmpty}>
           (empty)
diff --git a/plugins/tech-radar/src/sample.ts b/plugins/tech-radar/src/sample.ts
index 395b4f2ff5..a967d2cbe7 100644
--- a/plugins/tech-radar/src/sample.ts
+++ b/plugins/tech-radar/src/sample.ts
@@ -23,10 +23,10 @@ import {
 } from './api';
 
 const rings = new Array<RadarRing>();
-rings.push({ id: 'adopt', name: 'ADOPT', color: '#93c47d' });
-rings.push({ id: 'trial', name: 'TRIAL', color: '#93d2c2' });
-rings.push({ id: 'assess', name: 'ASSESS', color: '#fbdb84' });
-rings.push({ id: 'hold', name: 'HOLD', color: '#efafa9' });
+rings.push({ id: 'adopt', name: 'ADOPT', color: '#5BA300' });
+rings.push({ id: 'trial', name: 'TRIAL', color: '#009EB0' });
+rings.push({ id: 'assess', name: 'ASSESS', color: '#C7BA00' });
+rings.push({ id: 'hold', name: 'HOLD', color: '#E09B96' });
 
 const quadrants = new Array<RadarQuadrant>();
 quadrants.push({ id: 'infrastructure', name: 'Infrastructure' });