diff --git a/packages/core/index.d.ts b/packages/core/index.d.ts
index 03a93601bd..07cadd9d2e 100644
--- a/packages/core/index.d.ts
+++ b/packages/core/index.d.ts
@@ -87,6 +87,13 @@ declare module '@nivo/core' {
                 text: Partial<React.CSSProperties>
             }
             text: Partial<React.CSSProperties>
+            ticks: {
+                line: Partial<React.CSSProperties>
+                text: Partial<React.CSSProperties>
+            }
+            title: {
+                text: Partial<React.CSSProperties>
+            }
         }
         labels: {
             text: Partial<React.CSSProperties>
@@ -165,6 +172,13 @@ declare module '@nivo/core' {
                     text: CompleteTheme['legends']['hidden']['text']
                 }>
                 text: Partial<CompleteTheme['legends']['text']>
+                ticks: Partial<{
+                    line: Partial<CompleteTheme['legends']['ticks']['line']>
+                    text: Partial<CompleteTheme['legends']['ticks']['text']>
+                }>
+                title: Partial<{
+                    text: Partial<CompleteTheme['legends']['title']['text']>
+                }>
             }>
             labels: Partial<{
                 text: Partial<CompleteTheme['labels']['text']>
diff --git a/packages/core/src/theming/defaultTheme.js b/packages/core/src/theming/defaultTheme.js
index 37ddd46baa..a4f1f38980 100644
--- a/packages/core/src/theming/defaultTheme.js
+++ b/packages/core/src/theming/defaultTheme.js
@@ -49,6 +49,18 @@ export const defaultTheme = {
             },
         },
         text: {},
+        ticks: {
+            line: {
+                stroke: '#777777',
+                strokeWidth: 1,
+            },
+            text: {
+                fontSize: 10,
+            },
+        },
+        title: {
+            text: {},
+        },
     },
     labels: {
         text: {},
diff --git a/packages/core/src/theming/extend.js b/packages/core/src/theming/extend.js
index 1f9deff0a4..ecdf11bb47 100644
--- a/packages/core/src/theming/extend.js
+++ b/packages/core/src/theming/extend.js
@@ -14,6 +14,8 @@ const fontProps = [
     'axis.ticks.text',
     'axis.legend.text',
     'legends.text',
+    'legends.ticks.text',
+    'legends.title.text',
     'labels.text',
     'dots.text',
     'markers.text',
diff --git a/website/src/theming/theme.ts b/website/src/theming/theme.ts
index 139e4bdff7..06006bb3ea 100644
--- a/website/src/theming/theme.ts
+++ b/website/src/theming/theme.ts
@@ -79,6 +79,23 @@ const lightTheme: DefaultTheme = {
             text: {
                 fontSize: 12,
             },
+            ticks: {
+                line: {
+                    strokeWidth: 1,
+                    stroke: '#637079',
+                },
+                text: {
+                    fill: '#6a7c89',
+                    fontSize: 10,
+                },
+            },
+            title: {
+                text: {
+                    fill: '#6f6f6f',
+                    fontSize: 10,
+                    fontWeight: 800,
+                },
+            },
         },
         tooltip: {
             container: {
@@ -198,6 +215,23 @@ const darkTheme: DefaultTheme = {
                 fontSize: 12,
                 fill: '#8d9cab',
             },
+            ticks: {
+                line: {
+                    strokeWidth: 1,
+                    stroke: '#c8d4e0',
+                },
+                text: {
+                    fill: '#8d9cab',
+                    fontSize: 10,
+                },
+            },
+            title: {
+                text: {
+                    fill: '#ccd7e2',
+                    fontSize: 10,
+                    fontWeight: 800,
+                },
+            },
         },
         tooltip: {
             container: {